Tree View

NPM

Install ngx-treeview using npm

ngx-treeview

npm install ngx-treeview --save

Dependencies

No Dependencies for this module.

UI-Components Module

Add TreeviewModule into your UIComponentsModule class. ui-components.module.ts would look like this


    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { TreeviewComponent } from './treeview/treeview.component';
    import { RouterModule } from '@angular/router';
   import { TreeviewModule } from 'ngx-treeview';
    @NgModule({
      declarations: [TreeviewComponent],
      imports: [
         TreeviewModule.forRoot(),
       ]
    })
    export class TreeViewModule { }
                

TreeView Markup

Treeview.component.html would look like this

                                   
<ngx-treeview [items]="items" [itemTemplate]="itemTemplate" (selectedChange)="onSelectedChange($event)"
 ></ngx-treeview>
                        

Refer following links for usage: