Модуль Angular Formly не загружается в модули chlld - PullRequest
0 голосов
/ 09 ноября 2018

В мое приложение встроен угловой модуль формы, в котором есть подмодули. Наше приложение работает Если я импортирую формально модули в дочерние модули, но я хотел бы реализовать функциональность, то есть я должен импортировать формально модуль в модуль более высокого уровня, т.е. app.module, и это должно работать для дочерних модулей. Но я получаю ошибку, т. Е.

Произошла ошибка: Uncaught (в обещании): Ошибка: Ошибки синтаксического анализа шаблона: Невозможно выполнить привязку к «модели», поскольку она не является известным свойством «формы-формы».
1. Если formly-form является угловым компонентом и имеет вход модели, то убедитесь, что он является частью этого модуля.
2. Если «formly-form» является веб-компонентом, добавьте «CUSTOM_ELEMENTS_SCHEMA» в '@ NgModule.schemas' этого компонента для подавления этого сообщения.
3. Чтобы разрешить любое свойство, добавьте «NO_ERRORS_SCHEMA» к «@ NgModule.schemas» из этот компонент. ("" (ngSubmit) = "submit (model)" # dynamicform = "ngForm" * NgIf = "isFormTypeSelected"> ] [model] = "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

...