将ngFor从一个分量添加到表角

Question

我正在尝试生成一个表，其中我有另一个组件插件。让我举例解释一下：

action.component.html

  <ul *ngFor="let action of actions" class="dropdown-menu dropdown-menu-right">
       <li><a href="" data-toggle="modal" [attr.data-target]=[action.target]>{{action.text}}</a></li>
  </ul>

以上html可在标记中找到。

<app-actions></app-actions>

现在，我有了另一个使用上述组件的组件：

      <tr>
        <td>Sample text</td>
        <td>Sample text</td>
        <td>Employee</td>
        <td>
          <app-actions></app-actions>
        </td>
      </tr>

但问题是在应用程序中，我只能看到动作对象的最后一个li元素。

Answer 1

我认为你的*ngFor是错的。你能试试这个吗？

<ul  class="dropdown-menu dropdown-menu-right">
     <li *ngFor="let action of actions">
       <a href="" data-toggle="modal" [attr.data-target]=[action.target]>
          {{action.text}}
       </a>
    </li>
</ul>