Fixed the bug angular-ui-tree#101

Author: JimLiu

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-ui-tree",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "homepage": "https://github.com/JimLiu/angular-ui-tree",
   "authors": [
     "Jim Liu <https://github.com/JimLiu>",

demo/dist/angular-ui-tree.js

@@ -1,5 +1,5 @@
 /**
- * @license Angular UI Tree v2.0.7
+ * @license Angular UI Tree v2.0.8
  * (c) 2010-2014. https://github.com/JimLiu/angular-ui-tree
  * License: MIT
  */
@@ -346,6 +346,15 @@
           $scope.$nodes.splice(subNode.index(), 0, subNode);
         };
 
+        $scope.reinitNodes = function() {
+          var nodes = $scope.$nodes.splice(0);
+          $scope.$nodes = [];
+          for (var i = 0; i < nodes.length; i++) {
+            var node = nodes[i];
+            $scope.$nodes.splice(node.index(), 0, node);
+          }
+        };
+
         $scope.accept = function(sourceNode, destIndex) {
           return $scope.$treeScope.$callbacks.accept(sourceNode, $scope, destIndex);
         };
@@ -681,9 +690,10 @@
           scope.$treeScope = treeCtrl.scope;
 
           if (ngModel) {
-            ngModel.$render = function() {
+            scope.$watch(attrs.ngModel, function() {
               scope.$modelValue = ngModel.$modelValue;
-            };
+              scope.reinitNodes(); // we have to keep syncing with $nodes array
+            }, true);
           }
 
           scope.$watch(function() {

demo/dist/angular-ui-tree.min.js

@@ -12,6 +12,11 @@
       scope.toggle();
     };
 
+    $scope.moveLastToTheBegginig = function () {
+      var a = $scope.data.pop();
+      $scope.data.splice(0,0, a);
+    };
+
     $scope.newSubItem = function(scope) {
       var nodeData = scope.$modelValue;
       nodeData.nodes.push({

demo/js/tree.js

@@ -20,6 +20,7 @@ <h1 class="page-header">Tree - demo</h1>
         <h3>Tree view
           <a href="" class="btn btn-default pull-right" ng-click="collapseAll()">Collapse all</a>
           <a href="" class="btn btn-default pull-right" ng-click="expandAll()">Expand all</a>
+          <a href="" class="btn btn-default btn-warning pull-right" ng-click="moveLastToTheBegginig()">Move Last To The Begginig</a>
 
         </h3>
 

demo/tree.html

@@ -1,5 +1,5 @@
 /**
- * @license Angular UI Tree v2.0.7
+ * @license Angular UI Tree v2.0.8
  * (c) 2010-2014. https://github.com/JimLiu/angular-ui-tree
  * License: MIT
  */
@@ -346,6 +346,15 @@
           $scope.$nodes.splice(subNode.index(), 0, subNode);
         };
 
+        $scope.reinitNodes = function() {
+          var nodes = $scope.$nodes.splice(0);
+          $scope.$nodes = [];
+          for (var i = 0; i < nodes.length; i++) {
+            var node = nodes[i];
+            $scope.$nodes.splice(node.index(), 0, node);
+          }
+        };
+
         $scope.accept = function(sourceNode, destIndex) {
           return $scope.$treeScope.$callbacks.accept(sourceNode, $scope, destIndex);
         };
@@ -681,9 +690,10 @@
           scope.$treeScope = treeCtrl.scope;
 
           if (ngModel) {
-            ngModel.$render = function() {
+            scope.$watch(attrs.ngModel, function() {
               scope.$modelValue = ngModel.$modelValue;
-            };
+              scope.reinitNodes(); // we have to keep syncing with $nodes array
+            }, true);
           }
 
           scope.$watch(function() {

dist/angular-ui-tree.js

@@ -1,6 +1,6 @@
 {
   "name": "Angular-NestedSortable",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "dependencies": {
     "grunt": "~0.4.2",
     "grunt-contrib-jshint": "~0.8.0",

dist/angular-ui-tree.min.js

@@ -21,6 +21,15 @@
           $scope.$nodes.splice(subNode.index(), 0, subNode);
         };
 
+        $scope.reinitNodes = function() {
+          var nodes = $scope.$nodes.splice(0);
+          $scope.$nodes = [];
+          for (var i = 0; i < nodes.length; i++) {
+            var node = nodes[i];
+            $scope.$nodes.splice(node.index(), 0, node);
+          }
+        };
+
         $scope.accept = function(sourceNode, destIndex) {
           return $scope.$treeScope.$callbacks.accept(sourceNode, $scope, destIndex);
         };

package.json

@@ -30,9 +30,10 @@
           scope.$treeScope = treeCtrl.scope;
 
           if (ngModel) {
-            ngModel.$render = function() {
+            scope.$watch(attrs.ngModel, function() {
               scope.$modelValue = ngModel.$modelValue;
-            };
+              scope.reinitNodes(); // we have to keep syncing with $nodes array
+            }, true);
           }
 
           scope.$watch(function() {

source/controllers/nodesCtrl.js

@@ -1,5 +1,5 @@
 /**
- * @license Angular UI Tree v2.0.7
+ * @license Angular UI Tree v2.0.8
  * (c) 2010-2014. https://github.com/JimLiu/angular-ui-tree
  * License: MIT
  */