Я использую ясность с angular5.
Я пытаюсь получить рекурсивное представление стека , но почему-то 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>
![enter image description here](https://i.stack.imgur.com/rqtsq.png)
Как видите, я не получаю складную иконку, потому что почему-то stack-view
не рассматривает динамически сгенерированный stack-block
как дочерний.
Вот URL-адрес StackBlitz : https://stackblitz.com/edit/clarity-light-theme-v11-9bb9lg