无法使用angular

Question

我正在将clarity与angular5配合使用。

我正在尝试实现递归stack view，但是不知何故stack-view并未将动态生成的stack-blocks视为子级，因此视图无法正确呈现。

<clr-stack-view>
  <ng-container *ngTemplateOutlet="stackBlockTemplate; context: {data: data}"></ng-container>
</clr-stack-view>
<ng-template #stackBlockTemplate let-data="data">
  <clr-stack-block *ngFor="let account of data">
    <clr-stack-content>Test - {{account.childAccounts ? account.childAccounts.length : 0}}</clr-stack-content>
    <ng-container *ngIf="account.childAccounts">
      <ng-container *ngTemplateOutlet="stackBlockTemplate; context: {data: account.childAccounts}"></ng-container>
    </ng-container>
  </clr-stack-block>
</ng-template>

如您所见，我没有看到可折叠的图标，因为stack-view并没有考虑将动态生成的stack-block视为孩子。

这是 StackBlitz网址：https://stackblitz.com/edit/clarity-light-theme-v11-9bb9lg