想要在 Angular 2 中包含 CKeditor

Question

我正在使用 ng2-admin 主题。我在 src/app/pages 文件夹结构中创建了两个文件夹 Landingpage1 和 LandingPage2。

现在我在两个单独的文件夹中创建了两个单独的模块：

1. loginPage1.module.ts

  @NgModule({
    imports: [
        NgaModule,
        CommonModule,
        FormsModule,  
        CKEditorModule,
        routing
    ],
    declarations: [
        LandingPage1,
        Ckeditor,
    ]
})

2。 loginPage2.module.ts

  @NgModule({
    imports:[
        ReactiveFormsModule,
        FormsModule,
        NgaModule,
        CommonModule,
        CKEditorModule,
        routing
    ],
    declarations:[
         LandingPage2,
         Ckeditor,
    ]
})

当我在两个组件文件中使用 Ckeditor 时出现以下错误：

错误：Ckeditor 类型是 2 个模块声明的一部分：LandingPage1Module 和 LandingPage2Module！请考虑将 Ckeditor 移至导入 LandingPage1Module 和 LandingPage2Module 的更高模块。您还可以创建一个新的 NgModule，它导出并包含 Ckeditor，然后在 LandingPage1Module 和 LandingPage2Module 中导入该 NgModule。

我已经在 app.module.ts 文件中导入了 Ckeditor 但不起作用。

Answer 1

从declarations 中的landingPage1.module.ts 和landingPage2.module.ts 中删除Ckeditor。

只要把它放在你要导入这 2 个模块的地方，如果 app.module.ts 然后添加那里。

---

对此的正确解决方案是创建一个名为 EditorCommonModule 的 commonModule

@NgModule({
    imports: [
        CKEditorModule
    ],
    exports: [
        CKEditorModule
    ],
    declarations: [],
    providers: [],
})
export class EditorCommonModule { }

然后将这个 EditorCommonModule 导入到任何需要 ckEditor 的地方。

从所有位置删除 CKEditorModule 和 Ckeditor。