Angular - 如果将值设置为表单控件,则不会显示表单控件无效错误

问题描述 投票:0回答:1
angular angular-reactive-forms formgroups angular-validation
1个回答
1
投票

问题就在这里:

*ngIf="FrmGroup.get('name').invalid && (FrmGroup.get('name').dirty || FrmGroup.get('name').touched)"

仅通过满足以下条件即可呈现 HTML 元素:

  1. 表单控件无效
  2. 同时表单控件要么脏了,要么被触摸。

要么:

设置值后应遮盖表单控件脏污或触摸。

this.FrmGroup.get('name')!.setValue(this.quill?.root.innerHTML);
this.FrmGroup.get('name')!.markAsDirty();
// Or
this.FrmGroup.get('name')!.markAsTouched();

演示@StackBlitz

或者如果不需要,删除检查表单控件是否脏或碰的逻辑。

*ngIf="FrmGroup.get('name').invalid"
© www.soinside.com 2019 - 2024. All rights reserved.