如果Markdown編輯器在表單中留空，如何引發錯誤？

Question

我已經在我的角度HTML文件格式中使用了markdown編輯器，如下所示：

        <td-text-editor class="full-width" formControlName="description"></td-text-editor>

在表單中，如果我們將描述保留為空，則應該拋出錯誤。 有輸入嗎？

Answer 1

只需在formControl中添加所需的驗證器，即可在模板上顯示該formControl的錯誤

this.myform = new FormGroup({
'description': new FormControl(this.hero.power, Validators.required)
});

在您的模板上

<input id="name" class="form-control"
      formControlName="description" required >

<div *ngIf="description.invalid && (description.dirty || description.touched)"
    class="alert alert-danger">

  <div *ngIf="name.errors.required">
    Description is required.
  </div>