Angular2: Wie Validierung für den Zugriff auf Felder in Component.ts

Question

Zum Beispiel habe ich eine Form (nicht mit FormGroup) und Blick lookes wie diese

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

Mit #Email Tag erkläre ich eine Variable mit Namen 'zu bilden email 'und mit dieser Variable kann ich nach Validierungsfehlern suchen. Zum Beispiel

<div [hidden]="email.valid || email.pristine" 
       class="alert alert-danger"> 
      email is required 
</div> 

Wie kann ich auf diese Variable in meiner Komponentenklasse zugreifen?

Answer 1

Sie haben es zu benutzen, indem wie unten in der Komponente erklärt ViewChild:

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

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