Variables in ng-container/ng-template

January 13, 2021 · One min read

<div>
  <ng-container *ngTemplateOutlet="viewTemplate; content: {$implicit: {name: 'Bing'}}"></ng-container>
</div>

@Component({
	selector: 'sub',
})
export class SubComponent {
	@Input() viewTemplate: TemplateRef<any>;
}

How to use:

<sub [viewTemplate]="view"></sub>

<ng-template #view let-data>
   Your name {{data.name}}
</ng-template>