为什么 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因为无效会给你必需或无效的值，所以我认为对于必需的，您可以使用contact.errors?.required而不是无效。