/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/material/tree/tree-loadmore/tree-loadmore-example.html
23 строки
980 B
Olawuni Olagoke
docs(material/tree): update examples to use modern childrenAccessor API (#32751)
26 мар 2026, 16:42
Не верифицирован
26 мар 2026, 16:42
9055ac5
Код
Авторство
О чём код?
<mat-tree #tree [dataSource]="dataSource()" [childrenAccessor]="childrenAccessor"> <!-- Leaf node --> <mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding> <button matIconButton disabled></button> {{node.name}} </mat-tree-node> <!-- expandable node --> <mat-tree-node *matTreeNodeDef="let node; when: hasChild" matTreeNodePadding matTreeNodeToggle (expandedChange)="loadChildren(node)" [cdkTreeNodeTypeaheadLabel]="node.name"> <button matIconButton [attr.aria-label]="'Toggle ' + node.name" matTreeNodeToggle> <mat-icon class="mat-icon-rtl-mirror"> {{tree.isExpanded(node) ? 'expand_more' : 'chevron_right'}} </mat-icon> </button> {{node.name}} </mat-tree-node> <mat-tree-node class="example-load-more" *matTreeNodeDef="let node; when: isLoadMore" role="treeitem" (click)="loadOnClick($event, node)" (keydown)="loadOnKeypress($event, node)"> Load more of {{node.parent}}... </mat-tree-node> </mat-tree>