Angular2双向数据绑定不起作用

Question

Here is an example code:

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

The alert box seems to always print empty string even if I enter some value in the input box. Am I missing something?

Answer 1

I would use the following with [(ngModel)] instead of [(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);
  }
});

See this plunkr: https://plnkr.co/edit/PevjoFUasncybPGnVkU0?p=preview .