/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/aria/tree/tree-disabled/tree-disabled-example.html
35 строк
1 KB
Cheng-Hsuan Tsai
refactor(aria/tree): remove tree group wrapper (#32079)
15 окт 2025, 18:26
Не верифицирован
15 окт 2025, 18:26
2f094f2
Код
Авторство
О чём код?
<ul ngTree [disabled]="true" #tree="ngTree" class="example-tree"> <ng-template [ngTemplateOutlet]="treeNodes" [ngTemplateOutletContext]="{nodes: nodes, parent: tree}" /> </ul> <ng-template #treeNodes let-nodes="nodes" let-parent="parent"> @for (node of nodes; track node.value) { <li ngTreeItem [parent]="parent" [value]="node.value" [label]="node.name" [disabled]="node.disabled" #treeItem="ngTreeItem" class="example-tree-item example-selectable example-stateful" > <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span> <span aria-hidden="true" class="material-symbols-outlined example-icon">{{node.children ? 'folder' : 'docs'}}</span> {{ node.name }} <span aria-hidden="true" class="material-symbols-outlined example-selected-icon example-icon">check</span> </li> @if (node.children) { <ul role="group"> <ng-template ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup"> <ng-template [ngTemplateOutlet]="treeNodes" [ngTemplateOutletContext]="{nodes: node.children, parent: group}" /> </ng-template> </ul> } } </ng-template>