Angular2 - 输入值未定义

Question

我想通过单击Button将Input-Value传递给函数.

<md-card> 
     <md-input-container><input mdInput ngDefaultControl [ngModel]="newInput">
     </md-input-container> 
     <button md-raised-button (click)="newInputValue(newInput)">Update</button>
</md-card>

但是函数newInputValue(..)中newInput的值总是未定义的.

Answer 1

在下面的链接中,您正在使用属性绑定(单向),因此您无法访问DOM中的变量

 <md-input-container><input mdInput ngDefaultControl [ngModel]="newInput">

更改[ngModel]到[(ngModel)]

或者,

 <div class="button-row">
  <md-input-container><input mdInput #inputVal [ngModel]="newInput">
     </md-input-container> 
     <button md-raised-button (click)="newInputValue(inputVal.value)">Update</button>
  </div>

在上面的例子中,您将获得方法中的值,因此您的单向数据绑定保持不变

第二个选项的现场演示