/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/material/tree/tree-nested-overview/tree-nested-overview-example.ts
50 строк
1 KB
Kristiyan Kostadinov
docs: remove OnPush from examples
18 май 2026, 10:44
18 май 2026, 10:44
8bc245b
Код
Авторство
О чём код?
import {Component} from '@angular/core'; import {MatTreeModule} from '@angular/material/tree'; import {MatIconModule} from '@angular/material/icon'; import {MatButtonModule} from '@angular/material/button'; /** * Food data with nested structure. * Each node has a name and an optional list of children. */ interface FoodNode { name: string; children?: FoodNode[]; } /** * @title Tree with nested nodes */ @Component({ selector: 'tree-nested-overview-example', templateUrl: 'tree-nested-overview-example.html', styleUrl: 'tree-nested-overview-example.css', imports: [MatTreeModule, MatButtonModule, MatIconModule], }) export class TreeNestedOverviewExample { childrenAccessor = (node: FoodNode) => node.children ?? []; dataSource = EXAMPLE_DATA; hasChild = (_: number, node: FoodNode) => !!node.children && node.children.length > 0; } const EXAMPLE_DATA: FoodNode[] = [ { name: 'Fruit', children: [{name: 'Apple'}, {name: 'Banana'}, {name: 'Fruit loops'}], }, { name: 'Vegetables', children: [ { name: 'Green', children: [{name: 'Broccoli'}, {name: 'Brussels sprouts'}], }, { name: 'Orange', children: [{name: 'Pumpkins'}, {name: 'Carrots'}], }, ], }, ];