angular - 如何将羽毛笔编辑器设置为必填表单域？

Question

我在我的 Angular 应用程序中使用了 ngx-quill 编辑器。我想确保在提交表单之前填写此表单字段。当我尝试添加

[require]="true"

...并通过提交一个空字段来测试它，控件显示它仍然“有效”。

这是 html 片段:

  <div class="form-group" style="margin-top: 20px">
    <quill-editor #quill="ngModel" [style]="{height: '420px'}" [(ngModel)]="blogPost.content" name="content" [minLength]="1"
      [required]="true"></quill-editor>
  </div>

Answer 1

你只需要使用“required”而不是 [require]="true"

所以你必须像这样更改代码:

 <div class="form-group" style="margin-top: 20px">
<quill-editor #quill="ngModel" [style]="{height: '420px'}" [(ngModel)]="blogPost.content" name="content" [minLength]="1"
  required></quill-editor>