Блог

Я использую Angular 7, я хочу реализовать ckeditor в моем одном из компонентов, который загружается лениво.

Я ссылаюсь на эту ссылку для того же самого.

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

Когда я загружаю ckeditor в app.component.ts, он работает нормально.

Но когда я пытаюсь загрузить тот же ckeditor, создав пользовательский компонент, а затем загрузив его в лениво загруженный компонент / модуль, он вообще не работает.

Я создал пользовательский компонент CKEditor и написал тот же код, что и

код для app.component.ts находится в коде ck-editor.component.ts для app.component.html находится в ck-editor.component.html

У меня есть лениво загруженный модуль src appcomponentsportal-administrationportal-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» — это seletcor для моего пользовательского компонента ckeditor .. Любая помощь будет оценена..