Angular 5 CKEditor模型绑定

时间:2018-06-12 11:42:27

标签: ckeditor angular5

我有一个Angular 5应用程序,我将所有输入元素保存在一个组件中,以便从其他子组件中使用。我使用ngDefaultControl传递ngModel,并且除了ckeditor之外的每个案例都正常工作。

inputs.component.html的示例,其中包含所有输入:

<div *ngIf="inputType=='checkBox'">
  <input type="checkBox" [(ngModel)]="ngModel" />
</div>

<div *ngIf="inputType=='richText'">
  <ckeditor [(ngModel)]="ngModel" [readonly]="false" debounce="500">
  </ckeditor>
  <p>rich text value: {{ngModel}}</p> <!--for debugging-->
</div>

来自父组件的代码示例,我在其中调用输入组件:

  <inputs inputType="richText"
                name="QuestionText"
                [(ngModel)]="questionText"
                ngDefaultControl></inputs>

尽管inputs.component中的模型值发生了变化,但该值不会在&#34;调用者中返回&#34;零件。因此,如果来自父组件的console.log(questionText);,它将给出未定义的。同样,这只发生在ckeditor而不是其他输入(文本,复选框,单选按钮等),模型绑定正常工作。

欢迎任何帮助

0 个答案:

没有答案