/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/cdk/tree/cdk-tree-nested/cdk-tree-nested-example.html
29 строк
1 KB
Kristiyan Kostadinov
refactor(multiple): switch button selectors
14 мар 2025, 09:04
14 мар 2025, 09:04
103ac7c
Код
Авторство
О чём код?
<cdk-tree [dataSource]="dataSource" [treeControl]="treeControl"> <!-- This is the tree node template for leaf nodes --> <cdk-nested-tree-node #treeNode="cdkNestedTreeNode" *cdkTreeNodeDef="let node" class="example-tree-node"> <!-- use a disabled button to provide padding for tree leaf --> <button matIconButton disabled></button> {{node.name}} </cdk-nested-tree-node> <!-- This is the tree node template for expandable nodes --> <cdk-nested-tree-node #treeNode="cdkNestedTreeNode" [cdkTreeNodeTypeaheadLabel]="node.name" *cdkTreeNodeDef="let node; when: hasChild" isExpandable class="example-tree-node"> <button matIconButton class="example-toggle" [attr.aria-label]="'Toggle ' + node.name" cdkTreeNodeToggle> <mat-icon class="mat-icon-rtl-mirror"> {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} </mat-icon> </button> {{node.name}} <div [class.example-tree-invisible]="!treeControl.isExpanded(node)"> <ng-container cdkTreeNodeOutlet></ng-container> </div> </cdk-nested-tree-node> </cdk-tree>