如何使用angular 5创建ckeditor实例

Question

我正在尝试在角度5中为CKEditor创建一个实例，但我得到this.ckEditor为undefined。我需要创建一个自定义右键菜单，因为我正在尝试为CKEditor创建一个实例。

我已经关注https://www.npmjs.com/package/ng2-ckeditor本教程。但没有运气

我的代码是：

  import { NgModule, ViewChild } from '@angular/core';
  import { AppComponent } from './app.component';    
  import { CKEditorComponent } from 'ng2-ckeditor';
  @NgModule({
     declarations: [
     AppComponent,
     CKEditorComponent
  ],
  imports: [   ....  ]
})
export class AppModule{ 
@ViewChild(CKEditorComponent) ckEditor:CKEditorComponent;
constructor(){  
    let editor = this.ckEditor.instance;
    console.log(this.ckEditor);       

    if ( editor.contextMenu ) {
        editor.addMenuGroup( 'abbrGroup' );
        editor.addMenuItem( 'abbrItem', {
            label: 'Edit Abbreviation',         
            command: 'abbr',
            group: 'abbrGroup'
        });
    }
  }   
}

请建议我如何实现这一目标。