Issue
I am trying to understand OnInit functionality in angular2 and read the documentation:
Description
Implement this interface to execute custom initialization logic after your directive's data-bound properties have been initialized.
ngOnInit is called right after the directive's data-bound properties have been checked for the first time, and before any of its children have been checked. It is invoked only once when the directive is instantiated.
I do not understand directive's data-bound properties
what does it mean?
Solution
When you have a component
@Component({
selector: 'my-component'
})
class MyComponent {
@Input() name:string;
ngOnChanges(changes) {
}
ngOnInit() {
}
}
you can use it like
<my-component [name]="somePropInParent"></my-component>
This make name
a data-bound property.
When the value of somePropInParent
was changed, Angulars change detection updates name
and calls ngOnChanges()
After ngOnChanges()
was called the first time, ngOnInit()
is called once, to indicate that initial bindings ([name]="somePropInParent"
) were resolved and applied.
For more details see https://angular.io/docs/ts/latest/cookbook/component-communication.html
Answered By - Günter Zöchbauer
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.