angular / angular/components

bug(COMPONENT): docs components/tree/examples Tree with dynamic data esample FlatTreeControl deprecated

Open
#30,125 1 comment 4 reactions 0 assignees View on GitHub
area: cdk/tree P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

docs components/tree/examples Tree with dynamic data esample FlatTreeControl deprecated

### Reproduction

StackBlitz link:
Steps to reproduce:
1.
2.

### Expected Behavior

New Example Method

### Actual Behavior

FlatTreeControl is deprecated

Flat tree control. Able to expand/collapse a subtree recursively for flattened tree.

@deprecated
Use one of levelAccessor or childrenAccessor instead. To be removed in a future version.

@breaking-change — 21.0.0

### Environment

- Angular: 18
- CDK/Material:18
- Browser(s): edge
- Operating System (e.g. Windows, macOS, Ubuntu): windows

Contributor guide

Open the contributing guide

Research direction

Start in docs components/tree/examples and inspect the Tree with dynamic data example using FlatTreeControl. Replace the deprecated approach with the documented levelAccessor or childrenAccessor method, then verify that the example still demonstrates dynamic flat-tree expansion and collapse.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
documentation, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.