Angular2 - 输入值未定义

时间:2017-03-12 19:24:36

标签: angular typescript angular-material angular-ngmodel

我想通过单击Button将输入值传递给函数。

<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 的值始终未定义。

1 个答案:

答案 0 :(得分:5)

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

struct B : A {
    B(const A &aa) : a{aa}, A{0, 0} {}

protected:
    A a;
};

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

可替换地,

[(ngModel)]

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

第二个选项的

LIVE DEMO