Angular2 ngModel无效

Question

我试图ngModel从文本输入绑定,但它不起作用.这是我的代码:

模板:

<form (ngSubmit)="onSubmit()">
    <div class="form-group">
        <input type="text" class="form-control" [(ngModel)]="message">
    </div>
    <input type="submit">
</form>

零件:

export class Component implements OnInit {
  message:string

  onSubmit() {
    console.log(this.message);
  }
}

总是得到未定义的价值.如何将文本输入中的值绑定到变量？

Answer 1

你必须在使用模板驱动的表格时给出input一个name属性.

<input type="text" name="message" [(ngModel)]="message">

参考这个简单的plunker演示.