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>

将ngFor从一个组件添加到表Angular

1 个答案: