angular - 无法读取null的“必需”属性

在模板中，我有一个表单，其中一部分与呈现课程列表有关：

<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键（移出下拉列表）时，在控制台上出现此错误：

CourseComponent.html：16错误TypeError：无法读取Object.eval的null属性'required'[作为updateDirectives]（CourseComponent.html：20）

您能帮我找出造成此错误的原因吗？

VS Code中已经安装了Bootstrap 3.3.7。