angular - 无法读取null的 'required'属性

在模板中，我有一个表单，其中一部分与呈现类(class)列表有关:

<form #f="ngForm" (ngSubmit)="submit(f)">
 <div class="form-group">
  <label for="courseCategory"> Category </label>
  <select required ngModel name="courseCategory" #courseCategory="ngModel" id="courseCategory" class="form-control">
    <option value=""></option>
    <option *ngFor="let category of categories" [value]="category.id"> // line 16
      {{category.name}}
    </option>
  </select>
  <div class="alert alert-danger" *ngIf="courseCategory.touched && courseCategory.errors.required">
    Course category is required
  </div>
 </div>
</form>

在浏览器中，当我选择一个类别并按TAB键(移出下拉列表)时，在控制台上出现此错误:

您能帮我找出导致此错误的原因吗？

VS Code中已经安装了Bootstrap 3.3.7。

最佳答案

我在Angular 7+中以这种方式解决了

<div *ngIf="formField.password.errors?.required" class="invalid-feedback">
Password is required
</div>

关于angular - 无法读取null的 'required'属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50396057/

Required

angular - 无法读取null的 'required'属性