ck编辑器反应形式角度6不起作用答案

【问题标题】：ck editor reactive form angular 6 not workingck编辑器反应形式角度6不起作用
【发布时间】：2019-01-26 06:02:10
【问题描述】：

Angular 6 反应形式的 ck 编辑器不工作。

出现错误

没有名称的表单控件的值访问器：'description'

我已经在我的 app.module.ts 和当前页面中导入了 ck 编辑器。但我仍然遇到同样的错误。下面是我的 cms-add html 页面：

  <form [formGroup]="addCMSForm" (ngSubmit)="onSubmit()">
            <div class="box-body">
              <div class="col-xs-12">
                <div class="form-group padding">
                  <label for="inputEmail3" class="col-sm-2 control-label">Description</label>
                  <div class="col-sm-10">
                    <ckeditor formControlName="description" #description skin="moono-lisa" language="en" [fullPage]="false"></ckeditor>
                  </div>
                </div>
              </div>
              <div class="clearfix"></div>

              </div>
              <div class="col-xs-12">
                <div class="form-group padding">
                  <button [disabled]="addCMSForm.invalid" class="btn btn-primary">Submit</button>
                  <a [routerLink]="['/cms-list']" class="btn btn-danger" role="button">Back</a>
                </div>
              </div>
            </div>
          </form>

我已经创建了 typescript 页面，这是我的 cms-add.ts 页面。你能以反应形式解决我的问题 .ck 编辑器吗？

import { Component, Inject, OnInit, OnDestroy } from '@angular/core';
import { Http } from '@angular/http';
import { RouterModule, ActivatedRoute, Router } from '@angular/router';
import { FormBuilder, FormGroup, Validators, FormControl } from "@angular/forms";
import { CKEditorModule } from 'ngx-ckeditor';

@Component({
  selector: 'cms-add',
  templateUrl: './cms-add.component.html'

})
export class CMSAddComponent implements OnInit, OnDestroy {
  title = 'Add CMS';
  addCMSForm: FormGroup;

  constructor(private formBuilder: FormBuilder, private route: ActivatedRoute, private router: Router) {
    this.createForm();
  }

  createForm() {
    this.addCMSForm = this.formBuilder.group({               
      description: ['']   
    });
  }

它显示错误为带有名称的表单控件的无值访问器： '描述'

错误错误：没有名称的表单控件的值访问器： '描述' 在 _throwError (vendor.js:53593) 在 setUpControl (vendor.js:53503) 在 FormGroupDirective.push../node_modules/@angular/forms/fesm5/forms.js.FormGroupDirective.addControl (vendor.js:56315) 在 FormControlName.push../node_modules/@angular/forms/fesm5/forms.js.FormControlName._setUpControl (vendor.js:56820) 在 FormControlName.push../node_modules/@angular/forms/fesm5/forms.js.FormControlName.ngOnChanges (vendor.js:56770)

请您帮忙解决这个错误。

【问题讨论】：

标签： angular

【解决方案1】：

我看到你在组件中导入了CKEditorModule。

在ngx-ckeditor 文档中：https://www.npmjs.com/package/ngx-ckeditor，您应该在您的模块中导入CKEditorModule 模块，然后在您的组件中使用它。

希望对你有帮助。

【讨论】：