为什么 CKEditor 4 Angular 模块表单字段验证不起作用？

Question

为什么 CKEditor 4 Angular 模块表单字段验证不起作用？

我的住在这里。

我尝试了 .touched、.pristine、.valid 的不同组合。

但是，该字段不像另一个字段那样工作。

这意味着当我点击“保存”按钮时，在非触摸状态下，

将显示其他字段错误消息，但是 CKEditor 不会。

Answer 1

您可以使用它代替您在演示中使用的内容

<mat-error *ngIf="(contact.touched || callTreeEditForm.submitted)  && contact.errors?.required">
      Call tree contact is <strong>required</strong>
    </mat-error>

你用过这个

 <mat-error *ngIf="contact.touched && contact.invalid">
      Call tree contact is <strong>required</strong>
    </mat-error>

但是在这里当用户触摸你的 ckeditor 然后你会得到错误验证所以你应该使用这个条件，(contact.touched || callTreeEditForm.submitted) 这样你就可以对输入模糊事件和表单提交事件进行正确的验证。contact.invalid我更喜欢使用它而不是使用它， contact.errors?.required因为 invalid 会给你提供必需或无效的值，所以我认为对于 required 你可以使用contact.errors?.required而不是 invalid。