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。

上一篇:java – SSE发射器:管理超时和完成()


下一篇:JS事件派发器EventEmitter