ngModel與keyup / down

Question

在學習angular2時，遇到了以下兩種從輸入字段讀取值的方法，如下所示，

<input type="text"[(ngModel)]="pname"> // I can read the value from --> pname
<input type="text" (keyup)="addvalue($event)"> // I can check for enter press and read text

例如，如果我要編寫ToDo應用並要求用戶在輸入字段中輸入列表，請點擊Add按鈕，然后將其添加到列表中

keyup會觸發每次按鍵的方法，會不會影響性能？

請解釋何時使用[(ngModel)]和keyup的場景

Answer 1

如果要進行雙向綁定，請使用ngModel：設置默認值並對該值進行任何更改。

在監視用戶鍵入的鍵（例如監視返回鍵的輸入）時，請使用keyup。

Answer 2

您可以使用<input type="text"[(ngModel)]="pname">

angular將在內部將[（ngModel）]轉換為

<input [ngModel]="pname" (ngModelChange)="pname= $event">

屬性綁定[ngModel]負責更新基礎輸入DOM元素。 當DOM發生更改時，事件綁定（ngModelChange）通知組件calss（.ts File）