Working with Angular can pose the challenge of needing to employ advanced framework features that are only briefly mentioned in their documentation.
Building a tree component is an example of one of these challenges as it requires the following features:
- Content projection (ng-content)
- Dynamic templates (ng-template, ngTemplateOutlet)
- Query content (@ContentChild)
- Structural directives
![](https://equativ.com/wp-content/uploads/2023/04/Angular-Material-Tree.webp)
In an article featured on InDepth Dev, full-stack developer Jérémy Bardon walks through each feature needed to build a tree component using the same Angular Material API.
![](https://equativ.com/wp-content/uploads/2023/02/Equativ-Office-Life-2-scaled-1024x912.jpg)
Ready for a new challenge? We’re always looking for innovative thinkers to join our team!