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。