Question

如果表单无效，我想显示红色错误消息。我使用ngClass完成了它，但即使模型有效，也会在页面加载时显示红色错误消息。

我有简单的ngClass和简单的形式：

<div [ngClass]="{'has-error': form.controls.roleName.valid == false}">
...
constructor(){
    this.form = this.formBuilder.group({
                roleName: ['', Validators.required]
            });

    this.getModel();
}

我在ctor中加载表单模型，因此在页面加载时form.controls.roleName值不为空。但div有class =＆＃34; has-error＆＃34;在其中，例如：<div class="has-error">。当用户与页面交互时，我假设它使更改检测起作用，div变为如下：<div class>。

我认为在绑定模型之前验证工作正常。在页面加载时绑定表单模型后，如何才能显示错误消息？

Answer 1

这需要与line-height * 2或touched

结合使用

pristine

ngClass和表单验证时间表

1 个答案: