ngModel在Angular 4中无法正常工作

Question

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

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

方法addItem()在html下面的input文件中以十进制方式声明：

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

我得到的东西是：======= undefined在控制台中。有谁能告诉我为什么我这个？在这个应用程序的不同位置，我也使用ngModel，一切正常

Answer 1

数据绑定操作符的语法（[错误，如果你想让双重绑定工作正常，你需要记住着名的句子＆＃34; Banana in a box＆＃34;所以你需要写[ （ngModel）]它就像一个盒子里的香蕉[（）]。

有关信息，[用于查看控制器绑定和（用于反向。