在延迟加载的模块中加载Ckeditor无法正常工作

时间:2019-04-16 07:14:33

标签: angular ckeditor lazy-loading

我正在使用Angular 7 我想在我的延迟加载的组件之一中实现ckeditor。

我同样引用此链接。

https://stackblitz.com/edit/ng2-ckeditor-p5eqjg?file=src%2Fapp%2Fapp.component.ts

当我在app.component.ts上加载ckeditor时,它工作正常。

但是当我尝试通过创建自定义组件加载相同的ckeditor时 然后将其加载到延迟加载的组件/模块中,根本无法正常工作。

我已经创建了CKeditor自定义组件并编写了与

相同的代码
  app.component.ts的

代码在ck-editor.component.ts中       app.component.html的代码在ck-editor.component.html

我已懒加载模块src \ app \ components \ portal-administration \ portal-administration.module.ts

  

因此app.module.ts的代码位于portal-administration.module.ts

因此ckeditor的导入在此文件portal-administration.module.ts

import { CKEditorModule } from 'ng2-ckeditor';
imports: [
    PortalAdministrationRoutingModule,
    TranslateModule.forChild({
        loader: {
            provide: TranslateLoader,
            useClass: TranslateLanguageLoader,
            deps: [HttpClient],
        },
        isolate: true,
    }),
    CKEditorModule
],

并在遵循这种延迟加载路由的另一个组件中使用它

  

<app-ck-editor>loading1</app-ck-editor>

这里“ app-ck-editor”是我的自定义ckeditor组件的seletcor。 任何帮助将不胜感激..

0 个答案:

没有答案