Angular2綁定控件形成輸入

Question

我剛開始學習angular2並面臨問題。以下是我的代碼片段。組件是這樣的：

export class MyClass{ 
... 
model:MyVO = null; 
... 
_priority: Control; 
... 

constructor(){ 
    this.model = new MyVO(...); 
    this._priority= new Control('', Validators.minLength(3)); 
    ... 
} 

而且在我的html代碼：

<input id="_priority" name="_priority" type="text" class="form-control" [(ngModel)]="model._priority" ngControl="_priority" #spy> 

的問題是：驗證似乎不綁定。我監視了類名，當我改變這個輸入的值時，我可以看到它受到了ng-dirty，ng-touch等的影響，但仍然表明它是無效的。如果我的輸入是5個字符長或1個字符長，則無關緊要。請提供任何提示？

Answer 1

您需要使用ngFormControl，而不是在你的HTML模板：

<input id="_priority" name="_priority" 
     type="text" class="form-control" 
     [(ngModel)]="model._priority" 
     [ngFormControl]="_priority" #spy> 

的ngControl指令只申報在線控制。

的文章可以給你更多的細節：

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