Materializecss angular 5 выпадающий контент динамическая генерация выдает ошибку

Question

Когда я генерирую динамический контент с разными выпадающими списками, выпадающий список выдает ошибку.Если я не создаю динамический выпадающий контент, он работает, проблема с этим поколением.Выдает эту ошибку: ОШИБКА 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();
  }