事件绑定和属性绑定有什么区别？

Question

在角2的体系结构中，有两个术语“事件绑定”和“属性绑定”。他们有什么区别？

Answer 1

属性绑定 -

如果你要通过从父组件到子组件中的值（该值是静态的还是动态的），我们必须使用，通过这样做意味着property binding我们使用送价值属性有关部件和使用@Input注释例如财产父那里绑定在这里看到的 -

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

事件绑定 -

从消减捕捉孩子的事件/方法NT组件

每当我们不得不解雇点击或其他什么东西从子组件的一些事件，并传递给家长一个我们必须使用Event Binding在这里看到下面的例子 -

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

在这里我们有用户onPropChange作为事件绑定，我们可以使用EventEmitter捕获并触发该事件。

更多细节见这里

• http://errietta.me/blog/angular2-property-event-binding/

Answer 2

1号线：

input [value]="username" (input)="username = $event.target.value" 

线路2：

Hello {{username}}! 

让我们来看看这是怎么回事就仔细看看：

• [value]=”username” - 绑定EXPRES sion用户名到输入元素的值属性。
• (input)=”expression” - 是一种将表达式绑定到输入元素的输入事件的声明方式（是的，有这样的事件）。
• username = $event.target.value - 触发输入事件时执行的表达式。
• $event - Angular的事件绑定中有一个表达式，它具有事件有效负载的值。

考虑到这些意见，它变得非常清楚发生了什么。我们将用户名表达式的值绑定到输入的值属性（数据进入组件）。