Angular - ng-template with parameter inside ngIf inside ngFor [duplicate]
You can do it like :
<ul> <li *ngFor='let link of links'> <ng-container [ngTemplateOutlet]="link.type == 'complex' ?complexLink : simpleLink" [ngTemplateOutletContext]="{link:link}"> </ng-container> </li></ul><ng-template #simpleLink let-link='link'> Simple : {{ link.name }}</ng-template><ng-template #complexLink let-link='link'> Complex : {{ link.name }}</ng-template>
You can use it in this way
<ul> <li *ngFor='let link of links'> <ng-container *ngIf="link.type == 'complex'; then complexLink else simpleLink"></ng-container> <ng-template #simpleLink> ... {{ link.some_property }} </ng-template> <ng-template #complexLink> ... {{ link.some_property }} </ng-template> </li></ul>