Как ссылаться на ng-шаблон изнутри div?

Question

Мои ng-контейнеры находятся внутри div, и поэтому я не могу получить доступ к ng-шаблону. Есть ли способ сделать это?

<div>     
  <ng-container *ngTemplateOutlet="myTemplate"></ng-container>
</div>

<div>     
  <ng-container *ngTemplateOutlet="myTemplate"></ng-container>
</div>

<ng-template #myTemplate></ng-template>

Answer 1

Ваш код должен работать нормально, если вы хотите передать в контексте, вы можете использовать ngTemplateOutletContext, например:

<div>     
  <ng-container *ngTemplateOutlet="myTemplate; context: context1"></ng-container>
</div>

<div>     
  <ng-container *ngTemplateOutlet="myTemplate; context: context2"></ng-container>
</div>

<ng-template let-person #myTemplate>
  Template goes here
  {{person.name}}
</ng-template>

---

export class AppComponent  {
  name = 'Angular';
  context1 = {$implicit: {name: 'Marcos'}};
  context2 = {$implicit: {name: 'Beccari'}};
}

---

Проверьте это демо