无法绑定到"ngModelOptions",因为它不是Angular 6中"input"的已知属性 [英] Can't bind to 'ngModelOptions' since it isn't a known property of 'input' in Angular 6
本文介绍了无法绑定到"ngModelOptions",因为它不是Angular 6中"input"的已知属性的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这是我的HTML:
<nz-form-item nzFlex [formGroup]="hulkForm">
<nz-form-label [nzSpan]="7" [nzFor]="hulkColumn.column"
[nzRequired]="hulkColumn.require">{{hulkColumn.lable}}</nz-form-label>
<nz-form-control [nzSpan]="17">
<input nz-input
placeholder={{hulkColumn.placeholder}}
[formControlName]="hulkColumn.name"
[(ngModel)]="hulkColumn.model"
[ngModelOptions]="{updateOn: 'blur'}"
name="{{hulkColumn.name}}"
*ngIf="hulkColumn.type!=='number'"
>
</nz-form-control>
</nz-form-item>
这是Chrome中的错误:
Here is the error in Chrome:
这是app.module.ts:
Here is app.module.ts:
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {HashLocationStrategy, LocationStrategy} from '@angular/common';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {HttpClientModule} from '@angular/common/http';
import {NgZorroAntdModule, NZ_I18N, zh_CN} from 'ng-zorro-antd';
import {registerLocaleData} from '@angular/common';
import zh from '@angular/common/locales/zh';
import {AppRoutingModule} from './app-routing.module';
import {AppComponent} from './app.component';
registerLocaleData(zh);
@NgModule({
declarations: [
AppComponent,
...
],
imports: [
...
FormsModule,
ReactiveFormsModule,
...
],
providers: [{provide: NZ_I18N, useValue: zh_CN}, {provide: LocationStrategy, useClass: HashLocationStrategy}, CheckLoginGuard],
bootstrap: [AppComponent]
})
我正在使用以下内容:
Angular CLI: 6.2.4
Node: 8.9.0
OS: darwin x64
Angular: 6.0.7
NG-ZORRO-ANTD
推荐答案
您需要在 app.component.ts 文件
步骤:
- 打开app.module.ts
-
添加以下导入语句
- Open app.module.ts
Add the following import statement
import { FormsModule } from '@angular/forms';
在导入@NgModule中添加FormsModule
Add FormsModule in imports @NgModule
@NgModule({ imports: [ FormsModule ], })
最终代码:
app.component.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms'; //----<<< Adding Import Statement
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule //-------<< Import here
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
这篇关于无法绑定到"ngModelOptions",因为它不是Angular 6中"input"的已知属性的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文