单击动态生成的复选框的标签不会在Internet Explorer（角度2）中选中该复选框

Question

有很多不同的文件和依赖项，而我对Angular缺乏经验（只是帮助另一个在Angular方面工作的开发人员），所以请原谅我在可行的示例中没有全部内容。 ..但它的html部分相当简单，所以也许这很容易解决。任何建议将不胜感激。

要点基本上是标题-有一个用* ngFor生成的容器div，第一个子项是不可见的（通过可见性：隐藏）复选框，下一个子项是标签，其标签已从另一个文件中提取。标签的for属性与复选框输入的ID相匹配，但是无论出于何种原因，这在IE中都无济于事。在所有其他浏览器中，都可以正常工作。

复选框：

<div class="modal-body" (keyup.escape)="(d)">
  <div class="checkbox-card-group">

  <!-- Card/div generation -->
  <div class="checkbox-card"  *ngFor="let ancillary of ancillaryVm">
    <input type="checkbox"  id="{{ancillary.id}}" value="{{ancillary.id}}" name="{{ancillary.id}}"  (change) ="updateSelectedIds($event)" ng/>
    <label for="{{ancillary.id}}" [innerHTML]="getSafeHtml(ancillary)"></label>
  </div>
  </div>
</div>