第二章 - 组件

 

目录

1.组件

2.组件的生命周期

1.constructor 不会初始化输入属性的值

2.ngOnChanges 当一个父组件修改或者初始化子组件的输入属性时被调用

2.ngOnInit 初始化组件和指令

3.ngOnChanges 会在每一次变更检测以后，都会被调用，所以在使用的时候，一定需要简洁，高效

4.nfAfterViewInit 会在视图初始化完毕以后，只会调用一次

5.ngAfterViewChecked 会在视图变更检测完毕以后，调用，会重复调用

6.ngContent 投影

3.父组件调用子组件的方法

---

1.组件

1.装饰器 @Component() - 使用 Component 来声明组件

2.模板 Template - html

3.控制器 Controller

1 + 2 +3 = Component （必备）

2.组件的生命周期

1.constructor 不会初始化输入属性的值

2.ngOnChanges 当一个父组件修改或者初始化子组件的输入属性时被调用

注意：当不可变对象被调用时，才会触发，不可变对象：字符串等。当可变对象被调用时不会触发

，可变对象：{name：test}。可变对象被修改时，只是改变了 name 的值，而并没有改变它在内存中的指向

2.ngOnInit 初始化组件和指令

3.ngOnChanges 会在每一次变更检测以后，都会被调用，所以在使用的时候，一定需要简洁，高效

4.nfAfterViewInit 会在视图初始化完毕以后，只会调用一次

5.ngAfterViewChecked 会在视图变更检测完毕以后，调用，会重复调用

6.ngContent 投影

3.父组件调用子组件的方法