Angular2双向数据绑定不工作
问题描述:
下面是一个例子代码:Angular2双向数据绑定不工作
var SampleComponent7 = ng.core.Component({
selector: "sampleseven",
template: "<input [(value)]='name' /><input (click)='clicked()' value='Click here' type='submit' />"
}).Class({
constructor: function(){
this.name = "";
},
clicked: function(){
alert(this.name);
}
})
警告框似乎总是打印空字符串,即使我进入在输入框中输入某个值。我错过了什么吗?
答
我会用与[(ngModel)]
代替[(value)]
如下:
var SampleComponent7 = ng.core.Component({
selector: 'sampleseven',
template: '<input [(ngModel)]="name" /><input (click)="clicked()" value="Click here" type="submit" />'
}).Class({
constructor: function(){
this.name = "";
},
clicked: function(){
alert(this.name);
}
});
看到这个plunkr:https://plnkr.co/edit/PevjoFUasncybPGnVkU0?p=preview。
似乎没有工作 –
您需要使用'ngModel'代替...我更新了我的答案。 –
它适用于我使用angular2-all.umd.dev.js但不使用angular2-all.umd.min.js时。任何理由? –