angular-cn/modules/angular2/docs/cheatsheet/lifecycle hooks.md

1.6 KiB

@cheatsheetSection Directive and component change detection and lifecycle hooks @cheatsheetIndex 8 @description (implemented as class methods)

@cheatsheetItem constructor(myService: MyService, ...) { ... }|constructor(myService: MyService, ...) The class constructor is called before any other lifecycle hook. Use it to inject dependencies, but avoid any serious work here.

@cheatsheetItem onChanges(changeRecord) { ... }|onChanges(changeRecord) Called after every change to input properties and before processing content or child views.

@cheatsheetItem onInit() { ... }|onInit() Called after the constructor, initializing input properties, and the first call to onChanges.

@cheatsheetItem doCheck() { ... }|doCheck() Called every time that the input properties of a component or a directive are checked. Use it to extend change detection by performing a custom check.

@cheatsheetItem afterContentInit() { ... }|afterContentInit() Called after onInit when the component's or directive's content has been initialized.

@cheatsheetItem afterContentChecked() { ... }|afterContentChecked() Called after every check of the component's or directive's content.

@cheatsheetItem afterViewInit() { ... }|afterViewInit() Called after afterContentInit when the component's view has been initialized. Applies to components only.

@cheatsheetItem afterViewChecked() { ... }|afterViewChecked() Called after every check of the component's view. Applies to components only.

@cheatsheetItem onDestroy() { ... }|onDestroy() Called once, before the instance is destroyed.