angular-tree-view-search

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
    **<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
• Desktop
  • Dell

##Keywords angular tree search nesting multilevel ##Author Abhinandan GP