与ng-template递归一起使用时，选择框导致无限循环

Question

我正在尝试在此处进行递归，当任何需要选择框和输入框时，它都能正常工作 但是这里有一个选择框，它给出了

  

错误RangeError：超出最大调用堆栈大小

任何人都知道为什么以及如何解决它？

<ul> 
<ng-container *ngTemplateOutlet="recursiveList; context:myContext"></ng-container>
<ng-template #recursiveList let-list>
<li *ngFor="let f of list">
   <div class="added-FE property" >   
      <dx-select-box [dataSource]="widget.Fields" displayExpr="name" valueExpr="name" [(value)]="f.opnet" placeholder="select property"></dx-select-box
   </div>
   <ul class="ulList" *ngIf="f  && f.supList.length > 0">
      <ng-container *ngTemplateOutlet="recursiveList; context:get(f)"></ng-container>
   </ul>
</li> 
</ng-template> 
</ul>

get（f）返回列表等于f.sublist myContext返回列表包含一个根

的元素