angular - 事件绑定(bind)和属性绑定(bind)有什么区别？

Question

在 Angular 2 的架构中，有两个术语 Event binding 和 Property binding。它们之间有什么区别？

Answer 1

属性绑定(bind)-

如果您必须将值从父组件传递到子组件(无论值是静态的还是动态的)，我们必须使用 property binding 这意味着我们使用组件上的属性，并使用 @Input 装饰器在子组件中接收它，例如属性绑定(bind)，请参见此处 -

<my-child [myProp]="myProp" />

事件绑定(bind)-

从父组件捕获子事件/方法

每当我们必须在点击时触发某些事件或子组件的其他事件并传递给父组件时，我们必须使用事件绑定(bind)，请参见下面的示例 -

<my-child [myProp]="myProp" (onPropChange)="onPropChange($event)" />

这里我们将 onPropChange 作为输出事件绑定(bind)，我们可以使用 EventEmitter 触发该事件。

详情请看这里

• http://errietta.me/blog/angular2-property-event-binding/
• https://www.patrickschadler.com/property-event-binding-angular-2/