Can't bind to 'ngTemplateOutletContext'

Question

I have converted Angular 4 to Angular 6 and I have built the project and geting the following error. Any idea how to handle?

Can't bind to 'ngTemplateOutletContext' since it isn't a known property of 'ng-container'.

<ul *ngIf="item.childrens != undefined && item.childrens.length > 0">
   <ng-container *ngTemplateOutletContext="recursiveList; context:{ $implicit: item.childrens }"></ng-container>
</ul>

My question is on TemplateOutletContext, not TemplateOutlet.

Answer 1

As per the docs:

ngTemplateOutletContext bound to NgTemplateOutlet.ngTemplateOutletContext

So you would be able to attach context in the following way:

<ng-container 
  [ngTemplateOutlet]="recursiveList"
  [ngTemplateOutletContext]="{ $implicit: item.childrens }"></ng-container>

Or:

<ng-container *ngTemplateOutlet="recursiveList; context: { $implicit: item.childrens }"></ng-container>

Angular needs to know what view you intend on adding your context object to, so ngTemplateOutletContext won't work on its own AFAIK.

Source, Demo