Dynamically change Menu Items depending on the state the clicked element is in

[Liafdev]

I have a use-case where I need to show menu items on right click depending on the number of sub objects in the clicked element.

For example I have a element you can right click that contains 2 Jobs, on Right Click there should be 2 Entries (1 for each job) containing a submenu for available options for that job.

I tried it like this, but unfortunately you can't use the injected data in the same element, but I can't do the ngFor inside the ng-template either because then there will still only be one menu entry.

<sh-context-menu #jobsRcMenu>
<ng-template *ngFor="let menu of data" let-data shContextMenuItem>
<div>
{{menu}}
</div>
</ng-template>
</sh-context-menu>

I also tried putting the shContextMenuItemDirective inside the ng-template, but unfortunately I think an internal ngFor you're using doesn't work anymore.

Is there a way with the current version to do what I'm trying to?