angular - 无法绑定(bind)到 'ngTemplateOutletContext'

Question

我已将 Angular 4 转换为 Angular 6，并构建了该项目并收到以下错误。知道如何处理吗？

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>

我的问题是关于 TemplateOutletContext，而不是 TemplateOutlet。

Answer 1

根据 docs :

ngTemplateOutletContext bound to NgTemplateOutlet.ngTemplateOutletContext

因此您可以通过以下方式附加上下文:

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

或者:

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

Angular 需要知道您打算将上下文对象添加到哪个 View ，因此 ngTemplateOutletContext 无法自行运行。

Source , Demo