angular-tree-view-search
TypeScript icon, indicating that this package has built-in type declarations

0.1.6 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i angular-tree-view-search

Weekly Downloads

0

Version

0.1.6

License

none

Unpacked Size

95.5 kB

Total Files

27

Last publish

Collaborators

  • abhinandangp29