Блог

У меня есть фрагмент кода, который раньше работал в Angular 9, а теперь с Angular 12 он больше не работает. Я думаю, мне нужно как-то использовать ngTemplateOutletContext.

родительский компонент:

 <ng-template #navTemplate>
  <a *ngFor="let link of links">{{link}}</a>
</ng-template>
<child-component>
  [navTemplate]="navTemplate"
</child-component>
 

дочерний компонент (ts):

 @Input() navTemplate: TemplateRef<any>;
 

дочерний компонент (html)

 <ng-container *ngTemplateOutlet="navTemplate"></ng-container>
 

Если вместо передачи в качестве шаблона список элементов, зависящих от переменной. Так, например, если я передам простой div, это сработает. Поэтому я предполагаю, что проблема в том, что переменную links нужно каким-то образом передать дочернему компоненту.