事件綁定和屬性綁定有什麼區別？

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的事件綁定中有一個表達式，它具有事件有效負載的值。

考慮到這些意見，它變得非常清楚發生了什麼。我們將用戶名錶達式的值綁定到輸入的值屬性（數據進入組件）。