ngModel vs 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：设置默认值并对该值进行任何更改。

当您要观看用户键入的键时，请使用键盘，例如观察返回键的输入。

Answer 2

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

angular会在内部将[（ngModel）]转换为

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

  

属性绑定[ngModel]负责更新底层   输入DOM元素。事件绑定（ngModelChange）通知   当DOM发生变化时，组件calss（.ts文件）