Angular Formly模块未加载到chlld模块

时间:2018-11-09 05:33:41

标签: angular-formly angular6-json-schema-form

我已将角度正式模块集成到具有子模块的应用程序中。如果我在子模块中导入了正式的模块,但我想实现一些功能,那就是我应该将正式的模块导入到更高的模块(即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]

})

enter image description here

0 个答案:

没有答案