Angular2双向数据绑定不工作

Question

下面是一个例子代码：

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); 
    } 
}) 

警告框似乎总是打印空字符串，即使我进入在输入框中输入某个值。我错过了什么吗？

Answer 1

我会用与[(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。