第二章 - 组件

 

目录

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.父组件调用子组件的方法

第二章 - 组件第二章 - 组件