Kann nicht Eigenschaft ‚Fehler‘ von undefined in Winkel 2

Question

Ich Validieren meine Vorlage angular2, lesen aber in der Zwischenzeit zeigt es dieser Fehler:

Cannot read the property 'errors' of undefined. 

Hier ist meine Vorlage ist:

<h3 class = "head">{{title}}</h3> 
<form [ngFormModel]="form" #f="ngForm"> 
    <div class="row"> 
    <div class="form-group">  
     <label class="formHeading">Facebook</label> 
     <input type="text" id="facebook" class="form-control col-xs-3" ngControl="facebook" #facebook="ngForm" > 
    </div> 
    <div *ngIf ="facebook.touched && facebok.errors"> 
     <div class="form-row btn"> 
     <button type="submit" class="btn btn-primary pull-right butspace" [disabled]="!f.valid">Save</button> 
    </div> 
    </div> 
</form> 

ich nicht weiß warum es diesen Fehler zeigt. Kann jemand es reparieren?

Answer 1

Zuerst haben Sie facebok anstelle von facebook auf die Fehlereigenschaft.

Wenn das nicht funktioniert, verwenden Sie wahrscheinlich das facebook Objekt, bevor es zugewiesen wird, was passieren kann, wenn es zum Beispiel ein ist.

Verwenden Sie die Elvis operator:

*ngIf ="facebook?.touched && facebook?.errors"