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"

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

1 个答案: