如果Markdown编辑器在表单中留空,如何引发错误?

时间:2018-08-15 02:30:37

标签: angular markdown teradata-covalent

我在我的角度HTML文件格式中使用了markdown编辑器,如下所示:

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

在表格中,如果我们将描述保留为空,则应该抛出错误。有输入吗?

1 个答案:

答案 0 :(得分: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>