angular - Angular 4.x - 无法绑定到“ngModel”，因为它不是“输入”的已知属性

Question

我在 app.module 中同时导入了 FormsModule 和 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 run test:local 时出现此错误，但如果我执行 npm start，它运行良好。我使用多个 [(ngModel)] 并且它们都有同样的问题，例如，我只是使用这个。

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

Answer 1

我们面临同样的问题，只是导入 FormsModule 不起作用。在出错的地方使用这个标签 -[ngModelOptions]="{standalone: true}"

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

例子：

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