我已将角度正式模块集成到具有子模块的应用程序中。如果我在子模块中导入了正式的模块,但我想实现一些功能,那就是我应该将正式的模块导入到更高的模块(即app.module),并且应该在子模块中使用。但是我遇到了错误,即
发生错误:未捕获(承诺):错误:模板解析错误: 无法绑定到“模型”,因为它不是“正式表单”的已知属性。
1.如果“ formly-form”是Angular组件,并且具有“ model”输入,则 验证它是否属于此模块。
2.如果“ form-form”是Web组件,则将“ CUSTOM_ELEMENTS_SCHEMA”添加到 该组件的“ @ NgModule.schemas”以禁止显示此消息。
3.要允许任何属性,请将“ NO_ERRORS_SCHEMA”添加到以下项的“ @ NgModule.schemas”中: 此组件。 (“”(ngSubmit)=“提交(模型)”#dynamicform =“ ngForm” * ngIf =“ isFormTypeSelected”> ] [model] =“模型” [fields] =“ fields” [form] =“ form”>
app.module.ts
@NgModule({
declarations: [AppComponent, DatepickerTypeComponent, PanelWrapperComponent, AutocompleteTypeComponent],
imports: [
MatInputModule,
MatSelectModule,
NgbModule,
CommonModule,
BrowserModule,
BrowserAnimationsModule,
HttpClientModule,
HttpModule,
OverlayModule,
MatNativeDateModule,
AppRoutingModule, WebStorageModule,
ToasterModule,
MatAutocompleteModule,
MatSelectModule,
MatDatepickerModule,
FormsModule,
ReactiveFormsModule,
FormlyModule.forRoot(),
FormlyBootstrapModule,
FormlyMaterialModule,
FormlyModule.forRoot({
wrappers: [
{ name: 'panel', component: PanelWrapperComponent },
],
types: [{
name: 'autocomplete',
component: AutocompleteTypeComponent,
wrappers: ['form-field'],
}, {
name: 'datepicker',
component: DatepickerTypeComponent,
wrappers: ['form-field'],
defaultOptions: {
defaultValue: new Date(),
templateOptions: {
datepickerOptions: {},
},
},
}]
}, ),
],
bootstrap: [AppComponent]
})