directive
Inserts an embedded view from a prepared TemplateRef
.
Property | Description |
---|---|
@Input()ngTemplateOutletContext: Object | null | A context object to attach to the |
@Input()ngTemplateOutlet: TemplateRef<any> | null | A string defining the template reference and optionally the context object for the template. |
You can attach a context object to the EmbeddedViewRef
by setting [ngTemplateOutletContext]
. [ngTemplateOutletContext]
should be an object, the object's keys will be available for binding by the local template let
declarations.
<ng-container *ngTemplateOutlet="templateRefExp; context: contextExp"></ng-container>
Using the key $implicit
in the context object will set its value as default.
@Component({ selector: 'ng-template-outlet-example', template: ` <ng-container *ngTemplateOutlet="greet"></ng-container> <hr> <ng-container *ngTemplateOutlet="eng; context: myContext"></ng-container> <hr> <ng-container *ngTemplateOutlet="svk; context: myContext"></ng-container> <hr> <ng-template #greet><span>Hello</span></ng-template> <ng-template #eng let-name><span>Hello {{name}}!</span></ng-template> <ng-template #svk let-person="localSk"><span>Ahoj {{person}}!</span></ng-template> ` }) export class NgTemplateOutletExample { myContext = {$implicit: 'World', localSk: 'Svet'}; }
ngOnChanges() |
---|
© 2010–2021 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v12.angular.io/api/common/NgTemplateOutlet