The angular tree view search component provides the ability to create a multilevel expand collpasable tree with search functionality
npm i --save angular-tree-view-search
##Getting Started 1.import module in you angular application import { AngularTreeViewSearchModule } from 'angular-tree-view-search';
2.Add to imports array
imports: [AngularTreeViewSearchModule]
3.In html file add component
**<lib-angular-tree-view-search [data]="data" key="children"></lib-angular-tree-view-search>**
Data we pass to component as input.
Data can be single level or multilevel nested.
key is the children
###example:
data = [
{
name: 'Phone',
children: [
{
name: 'Samsung',
children: [{name: 'A40'}, {name: 'A30'}]
},
{
name: 'Nokio',
children: [{name: 'Surface Pro'}]
}
]
},
{
name: 'Desktop',
children: [{name: 'Dell'}]
}
]
##Output:
- Phone
- Samsung
- A40
- A30
- Nokio
- Surface Pro
- Samsung
- Desktop
- Dell
##Keywords angular tree search nesting multilevel ##Author Abhinandan GP