Javascript 如何将Codemirror库正确连接到Angular 5？

这里的文档 对于角度 安装 1） npm安装ng2代码镜像 2） npm安装代码镜像 3） 在app.module.ts中

import { CodemirrorModule } from 'ng2-codemirror';
@NgModule({
  // ...
  imports:      [
    CodemirrorModule
  ],
  // ...
})

4） In.angular-cli.json

  "styles": [
    "../node_modules/codemirror/lib/codemirror.css",
    "styles.scss"
  ],
  "scripts": [
    "../node_modules/codemirror/lib/codemirror.js"
  ],

5） 而不是写文本

<codemirror
  *ngIf="chaptersService.currentChapter" 
  [(ngModel)]="chaptersService.currentChapter.novel"
  [config]="{lineNumbers: true}"
  autofocus
  (keyup)="markAsEdited()"
  #textareaNovel>
</codemirror>

类是从Codemirror应用的，但我不能输入文本。

---

我做错了什么？

如果在上面的div中，请移动ng，不要使用标签，使用[autofocus]=true并删除最后一个#

 <div *ngIf="chaptersService.currentChapter">
    <codemirror 
      [(ngModel)]="chaptersService.currentChapter.novel"
      [config]="{lineNumbers: true}"
      [autofocus]=true
      (keyup)="markAsEdited()">
    </codemirror>
</div>