在模板中我有一个表单,其中一部分与呈现类(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 键(从下拉列表中移开)时,我在控制台上收到此错误:
CourseComponent.html:16 ERROR TypeError: Cannot read property 'required' of null at Object.eval [as updateDirectives] (CourseComponent.html:20)
你能帮我找出导致这个错误的原因吗?
Bootstrap 3.3.7 已经安装在 VS Code 中。
最佳答案
错误不会一直存在,所以你必须这样定义它:
<div class="alert alert-danger" *ngIf="courseCategory.touched && courseCategory.errors?.required">
使用安全运算符“?”
关于angular - 无法读取 null 的属性 'required',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50396057/