Angular Tree View
The angular tree view search component provides the ability to create a multilevel expand collpasable tree with search functionality
Install
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
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
* Desktop
* Dell
##Keywords
angular tree search nesting multilevel
##Author
Abhinandan GP