Angular2: Как получить доступ к полям формы проверки в Component.ts

Question

Например, у меня есть форма (не с FormGroup) и вид lookes как этот

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

Как получить доступ к этой переменной в классе компонентов?

Answer 1

Вы должны использовать его, объявив ViewChild, как показано ниже в компоненте:

export class MyCompoment { 
    @ViewChild('email') email: ngModel; 

    ngOnInit(){ 
    console.log(this.email); 
    } 
}