Foundation and Angular，菜单下拉组件不起作用

Question

我正在使用粉底6和角6，粉底的大多数组件都可以正常工作，但是我只是意识到粉底下拉菜单无法正常工作。还有另一个奇怪的事情是它在结构指令例如ngFor之外工作，但是在结构指令内部时它会失败并仅显示正常列表。但是基础的其他组件正常工作。输入和输出结构指令。到目前为止，我已经测试过这些，尤其是模态的。

  <tbody>
    <ng-template ngFor let-purchaseOrder [ngForOf]="purchaseOrders" let-i="index">
    <tr>
        <th>{{i+1}}</th>
        <td>{{purchaseOrder.createdAt}}</td>
        <td>{{purchaseOrder.lpoNumber}}</td>
        <td>{{purchaseOrder.supplier.supplierName}}</td>
        <td>n/a</td>
        <td>n/a</td>
        <td>n/a</td>
        <td>
        <ul #param1 class="dropdown menu" data-dropdown-menu>
  <li>
    <a href="#">Item 1</a>
    <ul class="menu vertical">
      <li><a href="#">Item 1A</a></li>
      <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
    </ul>
  </li>
</ul>

请指出我在做什么错