Angular 如何访问反应式formgroup验证?
我想验证我的表单字段,但其中有一个表单组,如下所示:Angular 如何访问反应式formgroup验证?,angular,Angular,我想验证我的表单字段,但其中有一个表单组,如下所示: <form novalidate (ngSubmit)="onSubmit(user)" [formGroup]="user"> <label> <span>Full name</span> <input type="text" placeholder="Name" formControlName="name"> </la
<form novalidate (ngSubmit)="onSubmit(user)" [formGroup]="user">
<label>
<span>Full name</span>
<input type="text" placeholder="Name" formControlName="name">
</label>
<div class="error" *ngIf="!user.controls.name.valid && user.controls.name.touched">
Name is required
</div>
<div formGroupName="account">
<label>
<span>Email address</span>
<input type="email" placeholder="Email" formControlName="email">
</label>
<div
class="error"
*ngIf="!user.controls.address.email.valid">
Email is required
</div>
<button type="submit" [disabled]="user.invalid">Sign up</button>
</form>
user.get('account.email').valid
如何获取该字段是否有效以显示消息?请尝试以下语法:
<form novalidate (ngSubmit)="onSubmit(user)" [formGroup]="user">
<label>
<span>Full name</span>
<input type="text" placeholder="Name" formControlName="name">
</label>
<div class="error" *ngIf="!user.controls.name.valid && user.controls.name.touched">
Name is required
</div>
<div formGroupName="account">
<label>
<span>Email address</span>
<input type="email" placeholder="Email" formControlName="email">
</label>
<div
class="error"
*ngIf="!user.controls.address.email.valid">
Email is required
</div>
<button type="submit" [disabled]="user.invalid">Sign up</button>
</form>
user.get('account.email').valid
我这里有一个完整的例子:这是我的Pluralsight课程的代码:Angular 2:反应形式。假设我的结构是
this.UserForm = this.fb.group({
id: [this.userobj.id],
addresses: this.fb.group({
street: [this.addrssobj.street, Validators.required],
})
});
My addresses.street验证如下(html)
街道:
街道是必需的
是否应该是用户.控件.帐户.电子邮件.有效的
?(账户
而不是地址
)?为什么投票被否决。这不是这个问题的正确答案吗?这与文档中的内容非常相似:街道值:{{{heroForm.get('address.Street').value}
在这里的参考: