ngModel在角度5中未绑定到tinymce

Question

我已在tiny 5项目中集成了tinymce，它工作正常，但数据绑定无效。我如何在angular5项目中使用tinymce实现数据绑定。我正在尝试将“ tinymce”文本编辑器与“ ngmodel”绑定。我做不到。你能帮我一个忙吗？我已经尝试了下面的代码。

html

    <editor [(ngModel)]="dataModel"></editor>

脚本

import { EditorModule } from '@tinymce/tinymce-angular';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    EditorModule // <- Important part
  ],
  providers: [],
  bootstrap: [AppComponent]
})

Answer 1

请确保将FormsModule中的app.module.ts导入。

import { EditorModule } from '@tinymce/tinymce-angular';
import { FormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    EditorModule,
    FormsModule // <--- here
  ],
  providers: [],
  bootstrap: [AppComponent]
})

Answer 2

数据绑定在上面已经提到的情况下应该可以正常工作，但是这里再次出现。

<editor [(ngModel)]="textdata" apiKey="your api key" [init]="{plugins: 'link'}"></editor>

如果您以{{textdata}}之类的HTML格式进行打印，则所有内容都带有标签。