ngModel 在 Angular 4 中无法正常工作

Question

我遇到了 ngModel 指令的问题。我有一个 input <td><input type="text" ([ngModel])="desc"></td>，其中我将 input 的值分配给名为 desc 的变量。然后在 component 我只想通过以下方式在控制台中打印它：

addItem(){
    console.log('=======', this.desc);
  }

方法 addItem() 在 input 下面的 html 文件中贴标：

   <td>
            <i
              class="fa fa-plus-square add-button"
              (click)="addItem()">
            </i>
   </td>

我得到的结果是：======= undefined 在控制台中。谁能告诉我为什么我得到这个？在这个应用程序的不同地方，我也在使用 ngModel 并且一切正常

Answer 1

数据绑定运算符 ( 和 [ 的语法是错误的，如果你想双重绑定正常工作，你需要记住著名的句子 "Banana in a box" 所以你需要写 [(ngModel)]就像盒子里的香蕉 [()] .

有关信息，[ 用于视图到控制器的绑定，( 用于反向。

ngModel 在 Angular 4 中无法正常工作

ngModel doesn't work properly in Angular 4

javascript

input

typescript

angular2-ngmodel

angular