如何檢查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">