Validation Angular2:如何访问Component.ts中的表单验证字段
例如,我有一个表单(不带FormGroup)和如下视图Validation Angular2:如何访问Component.ts中的表单验证字段,validation,angular,angular2-forms,Validation,Angular,Angular2 Forms,例如,我有一个表单(不带FormGroup)和如下视图 <form #f="ngForm" novalidate> <label>Email</label> <input type="email" [(ngModel)]="player.email" class="form-control" name="email" #email="ngModel" required> <!-- with #email cod
<form #f="ngForm" novalidate>
<label>Email</label>
<input type="email" [(ngModel)]="player.email" class="form-control" name="email" #email="ngModel" required>
<!-- with #email code, now, in view, I have variable with name email!!! -->
</form>
电子邮件
使用#email标记,我声明了一个名为“email”的变量,使用该变量我可以检查验证错误。比如说
<div [hidden]="email.valid || email.pristine"
class="alert alert-danger">
email is required
</div>
电子邮件是必需的
如何在我的组件类中访问此变量?您必须通过在组件中声明ViewChild来使用它,如下所示:
export class MyCompoment {
@ViewChild('email') email: ngModel;
ngOnInit(){
console.log(this.email);
}
}
几乎一样,但确实有帮助。很好的解决方案在我的情况下,谢谢!