无法读取角度2中未定义的属性"错误"

Question

我正在使用angular2验证我的模板,但同时它显示了这个错误:

 Cannot read the property 'errors' of undefined. 

这是我的模板:

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

我不知道为什么它会显示这个错误.任何人都可以解决它？

Answer 1

首先,你必须facebok的,而不是facebook在错误属性.

如果这没有解决它,你可能facebook在分配之前使用了对象,如果它是一个@Input()例子,就会发生这种情况.

使用Elvis operator:

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