Angular学习八：Angular组件间的通讯

Angular组件间的通讯

输入属性 @input()

@input()
value: string;

@Input属性绑定是单向的，父组件的属性变化会影响子组件的属性变化，子组件的属性变化不会反过来影响父组件的的属性变化。

输出属性 @Output()

 @Output()
 value: EventEmitter<any> = new EventEmitter(); // 声明输出对象
// 将变化的值发射出去
 value.emit(newValue);

利用@input()和@Output()实现属性的双向绑定

@input()
value: string;
@Output()
valueChange: EventEmitter<any> = new EventEmitter();

// 实现双向绑定
<input [(value)] = "newValue"></input>

注意： 使用[()]进行双向绑定时，输出属性名必须是输出属性名与Change组成，形如：xxxChange。