/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/cdk/tree/cdk-tree-nested/cdk-tree-nested-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 {ArrayDataSource} from '@angular/cdk/collections'; import {NestedTreeControl, CdkTreeModule} from '@angular/cdk/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: 'cdk-tree-nested-example', templateUrl: 'cdk-tree-nested-example.html', styleUrl: 'cdk-tree-nested-example.css', imports: [CdkTreeModule, MatButtonModule, MatIconModule], }) export class CdkTreeNestedExample { treeControl = new NestedTreeControl<FoodNode>(node => node.children); dataSource = new ArrayDataSource(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'}], }, ], }, ];