Блог

В моем приложении у меня есть несколько лениво загруженных модулей, которые используют библиотеку formly. Я пытаюсь импортировать и реэкспортировать модуль formly в CoreModule (который быстро загружается и импортируется AppModule )

 @NgModule({
    declarations: [],
    imports: [
        CommonModule,
        HttpClientModule,
        FormlyModule.forRoot({ extras: { lazyRender: true } }),
        FormlyMaterialModule
    ],
    providers: [
        AwesomeService1,
        AwesomeService2
    ],
    exports: [
        FormlyModule,
        FormlyMaterialModule
    ]
})
export class CoreModule { }
 

Однако, когда я пытаюсь использовать formly-form объявленные внутри компоненты FormlyModule , они не отображаются. Если я добавлю импорт FormlyModule , и FormlyMaterialModule все будет работать так, как должно. Но очевидно, что добавление импорта к каждому отложенному модулю не является хорошим решением, так как это увеличит размер пакетов. Добавление импорта и реэкспорта в SharedModule (то есть импортируется в каждом из ленивых модулей) также добавит formly к каждому пакету (с другим материалом SharedModule ).

Вопрос в том, каково наилучшее решение моей проблемы?