/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/cdk/tree/cdk-tree-complex/cdk-tree-complex-example.html
40 строк
1 KB
Kristiyan Kostadinov
refactor(multiple): switch button selectors
14 мар 2025, 09:04
14 мар 2025, 09:04
103ac7c
Код
Авторство
О чём код?
@if (areRootsLoading | async) { <mat-spinner></mat-spinner> } @else { <cdk-tree #tree [dataSource]="roots" [childrenAccessor]="getChildren" [trackBy]="trackBy" [expansionKey]="expansionKey"> <cdk-tree-node *cdkTreeNodeDef="let node" cdkTreeNodePadding [cdkTreeNodeTypeaheadLabel]="node.raw.name" [isExpandable]="node.isExpandable()" (expandedChange)="onExpand(node, $event)"> <!-- Spinner when node is loading children; this replaces the expand button. --> @if (node.areChildrenLoading()) { <mat-spinner diameter="48" mode="indeterminate"></mat-spinner> } @if (!node.areChildrenLoading() && node.isExpandable()) { <button matIconButton cdkTreeNodeToggle [attr.aria-label]="'Toggle ' + node.raw.name"> <mat-icon class="mat-icon-rtl-mirror"> {{tree.isExpanded(node) ? 'expand_more' : 'chevron_right'}} </mat-icon> </button> } <!-- Spacer for leaf nodes --> @if (node.isLeaf()) { <div class="toggle-spacer"></div> } <span>{{node.raw.name}}</span> </cdk-tree-node> </cdk-tree> }