角4.x -不能绑定到“ngModel”，因为它不是“输入”的已知属性

Question

我已经在我的FormsModule中导入了ReactiveFormsModule和ReactiveFormsModule，html应该是正确的，

错误

导入

**Inside app.module:**
@NgModule( 
declarations: [
AppComponent,
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
ReactiveFormsModule,
RouterModule.forRoot(ROUTES, { useHash: true })
],
})



**My HTML:**
<div class="col-xs-12">
<input #searchTextBox type="text" class="validate filter-input" [(ngModel)]="query" (keyup)="onKeyup(searchTextBox.value)">
  <div class="suggestions" *ngIf="filteredList.length > 0">
    <ul *ngFor="let item of filteredList">
      <li>
        <a (click)="select(item)">{{item}}</a>
      </li>
    </ul>
  </div>

​

当我运行npm运行测试时，我会得到这个错误:本地的，但是如果我运行，它会运行的很好。我使用多个(ngModel)，它们都有相同的问题，我只是使用这个例子。

我怎么才能解决这个问题？

Answer 1

我们面临着同样的问题，仅仅导入FormsModule就不起作用了。在错误的地方使用这个标记- [ngModelOptions]="{standalone: true}"

将以下内容添加到您的.component.html中可以像它在登录屏幕上为我们做的那样-

示例：

<input [(ngModel)]='this.userId' [ngModelOptions]="{standalone: true}" placeholder="User Id" class="inputstyle">