双向数据绑定 - ngModel

Question

在下面的angular2组件中，

export class HomeComponent implements OnInit {
  homeTitle = "Welcome to the home page";
  myString = "I like red";
  myBoolean = false;

  alertMe(val){
    alert(val);
  }

  obj = {
    name: "Yoshi",
    belt: "Black"
  };

  constructor() { }

  ngOnInit() {
  }

}

---

双向数据绑定不适用于下面的视图，

<p>
  {{homeTitle}}
</p>

<!--  Property binding -->

<!-- input value="Hai" -->
<input [value]="myString">
<input [required]="myBoolean">

<button (click)="alertMe('I like x')">Click me</button>

<hr>
<!-- All above elements are working fine -->

<!-- 2 way data binding -->
<input [(ngModel)]="obj.name">
<p>{{obj.name}}</p>
<p>{{obj.belt}}</p>

---

为什么obj.name 不在输入元素中呈现？

Answer 1

在您的模块中添加FormsModule

import { FormsModule } from '@angular/forms';
imports: [
  ..
  FormsModule
]

Answer 2

对不起，我现在看到了。你必须在输入中指定name="myModelName"：

点赞<input name="myModelName" [(ngModel)]="obj.name">