Angular Material’s Trees
summary
Angular Material ships three tree components (Material tree plus CDK tree planned for v6) that implement flat tree and nested tree models with a demonstrated checklist (parent partially selected, children auto-check) and a dynamic loading demo that shows a progress bar and children fetched asynchronously after ~1 second. Flat tree supports virtual scrolling and reuses DOM for large data; nested tree preserves parent-child DOM for easier decoration.
AI-written summary · about
chapters (13)
- 0:00Intro
- 1:04Introducing: Tree Component
- 3:32Nested Tree
- 4:46Four Demos
- 5:03Simple tree
- 7:04Checklist
- 8:23Dynamic
- 9:21Assign a Data Source
- 10:14Prebuilt data source
- 10:31Tree Control
- 13:41Recursive Toggle
- 14:31Accessibility
- 14:55Future plans
related talks
21mAngular Material Data Table
31mAngular Material 2
29mTales of an Open Source Library
48mAn Introduction Into Using Angular’s Material Design
16mLet's plant our Angular Tree
31mCool interaction made simple with Angular Material CDK
25mAngular Material CDK, Datatables and more
23mTree-shakable Components and Optional NgModules