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

Question

我住在here。

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

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

这意味着当我点击"save"按钮时，在非触摸状态下，

将显示其他字段错误消息，但 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 或 invalid 值所以我认为对于 required 你可以使用 contact.errors?.required 而不是 invalid.

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

Why the CKEditor 4 Angular module form field validation does not work?

angular

angular-material

ckeditor

angular-forms