Angular 4.x - Can't bind to 'ngModel' since it isn't a known property of 'input' Angular 4.x - 无法绑定到 'ngModel'，因为它不是 'input' 的已知属性。

18 浏览
0 Comments

Angular 4.x - Can't bind to 'ngModel' since it isn't a known property of 'input' Angular 4.x - 无法绑定到 'ngModel'，因为它不是 'input' 的已知属性。

我在app.module中导入了FormsModule和ReactiveFormsModule，希望HTML是正确的，\n错误\n导入\n

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

   0">

\n当我运行npm run test:local时，我遇到了这个错误，但如果我运行npm start，则运行正常。我使用了多个[(ngModel)]，它们都有相同的问题，我只是用这个作为例子。\n我该如何解决这个问题？

0

1 答案

0 Comments

在使用Angular 4.x开发过程中，当绑定'ngModel'到'input'时可能会出现错误信息'Can't bind to 'ngModel' since it isn't a known property of 'input''。这个问题的出现是因为在模板中尝试使用'ngModel'指令，但是没有引入FormsModule。

解决这个问题的方法是在相应的组件中引入FormsModule，并使用[ngModelOptions]="{standalone: true}"来修复错误。以下是一个解决示例：

在组件的HTML模板中添加以下代码即可修复错误：

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

通过引入FormsModule并使用[ngModelOptions]="{standalone: true}"来修复'Can't bind to 'ngModel' since it isn't a known property of 'input''错误。

0