错误:名称为“ answer”的表单控件没有值访问器

时间:2020-02-08 19:54:43

标签: angular6

我有以下html。我想在代码中添加ace.js编辑器,并将Editor中的值映射到answer

form字段中
  <div class="form-group" id="answer-div">
    <div class="label-div">
      <label class="control-label"><strong>Answer</strong></label>
    </div>
    <div  id="add-more-answer-div" class="two-column-grid">
      <div id="answer-filename-div">
        <label id="filename-label" for="answer-filename">Name</label>
        <input type="text" id="answer-filename">
        <button type="button" id="more-answer-button" class="unselected-button">Add More Sections</button>
      </div>
    </div>

    <div class="control-div" id="editor-div">
      <div id="editor" class="form-control" formControlName="answer" [ngClass]="validateField('answer')">Remove this and enter code here</div>
      <app-show-errors [control]="practiceQuestionForm.controls.answer"></app-show-errors>
    </div>
  </div>

对应的form

    this.practiceQuestionForm = this.fb.group({
...
      answer:[null,Validators.required],
....
    })

运行代码时,我得到与Error: No value accessor for form control with name: 'answer'代码html对应的错误<div id="editor" class="form-control" formControlName="answer" [ngClass]="validateField('answer')">Remove this and enter code here</div>

我在做什么错了?

0 个答案:

没有答案