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。