关于在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  不知道到底取谁的？

2. 

#courseGeneralType="ngModel"    模板引用变量不能绑定ngModel，可以绑定ngForm，因为ngForm会

监控整个表单，ngModel不能代表这个input

ngModel

ngModel