如何检查FormGroup输入角

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">