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

請參閱以下代碼： https ://plnkr.co/edit/PevjoFUasncybPGnVkU0 ? p = preview。