/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/aria/tree/tree-nav/tree-nav-example.html
49 строк
1 KB
Cheng-Hsuan Tsai
refactor(aria/ui-patterns): allow non-selectable items (#32105)
21 окт 2025, 20:40
Не верифицирован
21 окт 2025, 20:40
acda167
Код
Авторство
О чём код?
<ul ngTree [nav]="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) { <a ngTreeItem [parent]="parent" [value]="node.value" [label]="node.name" [disabled]="node.disabled" [selectable]="!node.children" #treeItem="ngTreeItem" class="example-tree-item example-selectable example-stateful" href="#{{ node.name }}" (click)="$event.preventDefault()" > <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 > </a> @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>