开源软件名称：

ngx-tree-dnd

开源软件地址：

https://gitee.com/notadd/ngx-tree-dnd

开源软件介绍：

NgxTreeDnd

基于@swimlane/ngx-dnd，可拖拽,可配置actions的Angular树组件
保留原有的api和feature，修改了默认样式，添加了折叠、action配置

How to use

step-1

安装`@notadd/ngx-tree-dnd`

npm install @notadd/ngx-tree-dnd

安装依赖

npm install @swimlane/dragula material-design-icons

step-2

添加NgxTreeDnDModule到你的AppModule
引入material-design-icons

如果你的项目是Angular6，需要在polyfills.ts中添加如下代码：(window as any).global = window;

step-3

在你的component中添加ngx-tree-dnd-container组件

<ngx-tree-dnd-container    [model]="nestedLists"    [actions]="actions"></ngx-tree-dnd-container>

nestedLists = [  {    label: 'Item 1',    children: []  },  {    label: 'Item 2',    children: [      {        label: 'Item 2a',        children: []      },      {        label: 'Item 2b',        children: []      },      {        label: 'Item 2c',        children: []      }    ]  },  {    label: 'Item 3',    children: [      {        label: 'Item 3a',        children: []      },      {        label: 'Item 3b',        children: []      },      {        label: 'Item 3c',        children: []      }    ]  }];

actions = [    {      // action按钮material icon      icon: 'remove_red_eye',      /* 点击action按钮的回调函数 */      callback: (model) => {        /* model为当前actions所在item的model */        /* do something */      }    },    {      icon: 'edit',      callback: (model) => {}    },    {      icon: 'delete',      callback: (model) => {}    }  ];