如何检查FormGroup输入角
问题描述:
我有这样的代码组件:如何检查FormGroup输入角
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">
但事实并非如此为我工作
答
看起来好像你在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">
这'loginForm.controls.phone.pristine'给我一个错误:'未定义phone' – OPV
也许用'loginForm.controls [ '电话'] pristine'? – OPV
它不起作用,仍然是一个错误:undefined phone – OPV