Materialisecss angular 5下拉内容动态生成抛出错误

Question

当我使用不同的下拉列表生成动态内容时，下拉列表会抛出错误。 如果我不生成动态下拉内容它可以工作，问题是那一代。 它抛出此错误： ERROR TypeError：无法设置属性'tabIndex'为null

HTML

<ul id="content-{{labSystem.system.name}}" 
    class="dropdown-content" *ngFor="let labSystem of nodeLabSystems">
    <li>
      <a href="#!">one</a>
    </li>
  </ul>

<div class="col s12 m12 l12 xl12 blue-grey lighten-1">
  <div id="instrumentStatus">
    <span class="right" *ngFor="let labSystem of nodeLabSystems">
      <a class="btn btn-flat dropdown-trigger" 
      data-target="content-{{labSystem.system.name}}" id="{{labSystem.system.name}}"
        (click)="open(labSystem.system.name)">{{labSystem.system.name}}</a>
    </span>
  </div>
</div>

打字稿

  open(dropdown): void {
    const elem = document.getElementById(dropdown);
    const instance = M.Dropdown.init(elem, {constrainWidth: true});
    instance.open();
  }