Merge pull request #12 from Zicrael/dev-branch

fix onremoveitem issue

projects/ngx-tree-dnd/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-tree-dnd",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/Zicrael/ngx-tree-dnd"
@@ -11,12 +11,14 @@
   },
   "keywords": [
     "angular" ,
+    "treeview",
     "angular-tree",
     "angular-tree-dnd",
     "anuglar-sortable-dnd",
     "tree-view",
     "tree-component",
     "tree-links",
+    "tree-dnd",
     "data-tree",
     "ngx-tree-dnd",
     "ngx-sortable-dnd",

projects/ngx-tree-dnd/src/lib/ngx-tree-dnd.service.ts

@@ -116,10 +116,10 @@ export class NgxTreeService {
       element: createObj,
       parentList: this.selectedElement
     };
+    this.onAddItem.next(eventEmit);
     this.elementFinder(this.treeStorage, parent.id);
     this.selectedElement.childrens.push(createObj);
     this.clearAction();
-    this.onAddItem.next(eventEmit);
   }
 
   /*
@@ -128,16 +128,16 @@ export class NgxTreeService {
    Emit onRemoveItem Subject.
   */
   public deleteItem(id) {
+    this.elementFinder(this.treeStorage, id);
     const eventEmit = {
       element: this.selectedElement,
       parentList: this.listOfSelectedElement
     };
-    this.elementFinder(this.treeStorage, id);
+    this.onRemoveItem.next(eventEmit);
     const i = this.listOfSelectedElement.indexOf(this.selectedElement);
     this.listOfSelectedElement.splice(i, 1);
     this.clearAction();
     this.checkTreeLength();
-    this.onRemoveItem.next(eventEmit);
   }
 
   /*
@@ -152,11 +152,11 @@ export class NgxTreeService {
       element: this.selectedElement,
       parentList: this.listOfSelectedElement
     };
+    this.onRenameItem.next(eventEmit);
     // code
     this.selectedElement.name = name;
     this.selectedElement.options.edit = false;
     this.clearAction();
-    this.onRenameItem.next(eventEmit);
   }
 
   /*

src/app/app.component.html

@@ -1,6 +1,6 @@
 <!--The content below is only a placeholder and can be replaced.-->
 <div>
-  <lib-ngx-tree-component [treeData]='myTree' (ondrop)='onDrop($event)' [config]='config'>
+  <lib-ngx-tree-component [treeData]='myTree' (ondrop)='onDrop($event)' (onremoveitem)='onDelete($event)' (onadditem)='onadditem($event)' [config]='config'>
   </lib-ngx-tree-component>
 </div>
 

src/app/app.component.ts

@@ -6,6 +6,7 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
+  constructor() {}
   config = {
     showActionButtons: true,
     showAddButtons: true,
@@ -75,4 +76,12 @@ export class AppComponent {
     console.log(this.myTree);
     console.log(event);
   }
+  onDelete(event) {
+    console.log(this.myTree);
+    console.log(event);
+  }
+  onadditem(event) {
+    console.log(this.myTree);
+    console.log(event);
+  }
 }