关于在select 和 checkbox 中内容不显示的问题

代码如下：

<div *ngFor="let courseGeneralType of courseGeneralTypeList">
  <input type="checkbox" value="{{courseGeneralType.val}}" name="courseGeneralType"
          ngModel #courseGeneralType="ngModel">
  <span>{{courseGeneralType.val}}</span>
</div>

我的错误如下：

关于模板引用变量的注意事项

模板引用变量的作用范围是整个模板。 不要在同一个模板中多次定义同一个变量名，否则它在运行期间的值是无法确定的。

这是官方的文档，一开始我以为是这个错误

 

 

其实后来考虑不是这个错误，其实这个代码有两个错误

1.

#courseGeneralType  代表的是对这个表单控件的引用，每次循环的都是不一样的表单控
真的原因是模板引用变量

#

和模板输入变量是一个名字 let 后面 导致

{{courseGeneralType.val}}  这个

 

courseGeneralType  不知道到底取谁的？