Hinzufügen ngFor von einer Komponente zur Tabelle Angular

Question

ich eine Tabelle zu erzeugen versuche, wo ich in eine andere Komponente Stecker haben Lassen Sie es mich mit Hilfe von Beispielen erläutern:

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> 

Und die oben html ist in Tag verfügbar

<app-actions></app-actions> 

Und jetzt habe ich eine andere Komponente, wo ich oben Komponente verwenden:

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

Aber das Problem ist in App-Aktionen, die ich nur zuletzt Element der Aktionen Objekt li sehen kann.

Answer 1

Ich denke, Ihre * ngFor ist falsch. Können Sie versuchen mit diesem:

<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>