Mix of $rootScope and $scope with different bag not updating the model
I am using angular-ui-router for different state. In one of my state, I have a hierarchical UI designer so I had to use $rootScope for drag and drop (so that I can move elements at any level). And in another state I am using a simple list for drag/drop with $scope. The problem is after changing the state 1/2 time, dragging at $scope is not updating the model.
This is the plnkr example of this issue.
In home page the sorting always works. But after switching about and home 1/2 times, dragging at "about" page not updating the model. I am not getting any console errors. What I found is at service.js line 43, the scope.$applyAsync(function applydrop() { is not working. Its not calling the applyDrop function.
Can you please look into this issue. If I am doing anything wrong please let me know. @bevacqua @jameswyse