雙向數據綁定到窗體控件

Question

我試圖將輸入綁定到窗體控件。這裏是輸入：

<input [(ngModel)]="someProperty" ngControl="someProperty"> 

而在組件

someProperty: Control; 

someForm:ControlGroup; 

... 

constructor(private _form_builder: FormBuilder){ 

    this.someProperty = new Control('', Validators.required); 

    this.someForm = this._form_builder.group({ 

     someProperty:this.someProperty 

    }); 

} 

那麼，是不是允許綁定輸入到窗體控件？很明顯，我無法做到這一點，因爲我的輸入框填充[object Object]當我運行。那麼做到這一點的正確方法是什麼？我可以創建單獨的屬性並以這種方式進行雙向綁定，但不應該控件能夠處理綁定？

Answer 1

someProperty需要是<input>的值。這將是一個字符串。 ngControl應該是指控制

<input [(ngModel)]="somePropertyValue" ngControl="someProperty"> 

somePropertyValue: string; 

someProperty: Control; 

someForm:ControlGroup; 

... 

constructor(private _form_builder: FormBuilder){ 

    this.someProperty = new Control('', Validators.required); 

    this.someForm = this._form_builder.group({ 

     someProperty:this.someProperty 

    }); 

} 

參見https://angular.io/docs/ts/latest/guide/forms.html

Answer 2

如果要綁定一個表單控件的輸入，您需要使用ngFormControl指令：

<input [(ngModel)]="somePropertyValue" 
     [ngFormControl]="someProperty"> 

或

<input [(ngModel)]="somePropertyValue" 
     [ngFormControl]="someForm.controls.someProperty"> 

ngControl指令僅用於定義內聯控件。

請參閱本文的詳細信息：

• http://restlet.com/blog/2016/02/11/implementing-angular2-forms-beyond-basics-part-1/