双方向データバインディング - 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() { 
    } 

} 

---

双方向データobj.nameがない理由、ビュー以下ため

<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> 

---

動作しない結合入力要素にレンダリングしますか？

Answer 1

ようなあなたのモジュールにちょうどいいえ、それは動作しませんFormsModule

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

Answer 2

申し訳ありませんが、私はそれが今..あなたが入力にname="myModelName"を指定する必要がありました：

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