Question

我在组件中有这个代码：

this.loginForm = this._fb.group({
      phone: ['', [<any>Validators.required, <any>Validators.minLength(5)]],
      password: ['', [<any>Validators.required, <any>Validators.minLength(7)]]
    });

在表单中，我试图在输入无效时显示消息：

<small [hidden]="loginForm.controls.phone.invalid || (loginForm.controls.phone.pristine && !submitted)" class="text-danger">

但它对我不起作用

Answer 1

好像你在hidden上遇到了矛盾，应该是

<small 
  [hidden]="loginForm.controls?.phone?.valid || (loginForm.controls?.phone?.pristine && !submitted)" 
  class="text-danger">

但我建议你在这里使用ngClass（hide类）/ ngIf指令，根据提供的表达式添加或删除hide类它

<small *ngIf="loginForm.controls.phone?.invalid || (loginForm.controls.phone?.pristine && !submitted)" class="text-danger">

如何检查FormGroup输入Angular

1 个答案: