没有将“exportAs”设置为“ngModel”的指令答案

【问题标题】：There is no directive with "exportAs" set to "ngModel"没有将“exportAs”设置为“ngModel”的指令
【发布时间】：2017-10-02 03:05:27
【问题描述】：

我在我的应用程序中使用 angular 2 表单，并且我根据我的模型创建了输入。我已经用 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">

谁能帮帮我..

【问题讨论】：

你在 NgModule 中导入 FormsModule 了吗？
是的，我已经导入了.. 这里是@NgModule({ imports: [ BrowserModule, FormsModule,RouterModule ],

标签： angularjs angular2-forms

【解决方案1】：

对于 angular.js 2，您不需要使用 #query3="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">

到（这将起作用）

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

【讨论】：