2017-05-04 55 views
0

我在我的應用程序中使用了角度2表單,並且基於我的模型創建了輸入。我用ngmodel綁定了我的輸入字段,現在我想對這個輸入字段進行髒檢查。所以我添加了#變量的輸入。這裏是我的代碼: -沒有將「exportAs」設置爲「ngModel」的指令

<input type="text" [ngClass]="{red: sampledetails.rules[0].query3.dirty}" class="form-control" name="query3" id="query3" [(ngModel)]="sampledetails.rules[0].query3" #query3="ngModel"> 

但我得到一個錯誤的東西,如: -

There is no directive with "exportAs" set to "ngModel" ("="form-control" name="query3" id="query3" [(ngModel)]="sampledetails.rules[0].query3" [ERROR ->]#query3="ngModel"> 

任何人可以幫助我在這裏..

+0

您是否在您的NgModule中導入了FormsModule? –

+0

是的,我已經導入了..這裏是@NgModule({[ ]進口:[ \t BrowserModule, FormsModule,RouterModule ], – NJin

回答

0

你不需要使用#query3="ngModel"的角度。 JS 2, 所以從

<input type="text" [ngClass]="{red: sampledetails.rules[0].query3.dirty}" 
    class="form-control" name="query3" id="query3" 
    [(ngModel)]="sampledetails.rules[0].query3" #query3="ngModel"> 

改變 至(此瓦特生病)

<input type="text" [ngClass]="{red: sampledetails.rules[0].query3.dirty}" 
    class="form-control" name="query3" id="query3" 
    [(ngModel)]="sampledetails.rules[0].query3" > 
相關問題