title: AngularJS Drag and Drop
body: <p>If I have a JSON like below ..</p>
  
  <pre><code>$scope.pools = [    {id: 1, poolName : 'Pool1', env : 'Env1', executionMode: 'Both',
          modelets: [{id: 'm1', name : 'MM1', status : 'active', capacity : '1 GB'},
                     {id: 'm2', name : 'MM2', status : 'active', capacity : '1 GB'},
                     {id: 'm3', name : 'MM3', status : 'active', capacity : '1 GB'}]},
      {id: 2, poolName : 'Pool2', env : 'Env2', executionMode: 'Both',
          modelets: [{id: 'm4', name : 'MR1', status : 'active', capacity : '1 GB'},
                     {id: 'm5', name : 'MR2', status : 'active', capacity : '1 GB'}]
      }
  ];
  </code></pre>
  
  <p>and I have to drag and drop the modelet from one pool to another. for example, if I am dragging m3 from pool1 to and dropping it into modelets of pool2, then m3 should be removed from pool1.modelets and it should be added into pool2.modelets and vice-versa.</p>
  
  <p>Note : I am trying it using <a href="http://codef0rmer.github.io/angular-dragdrop/#/" rel="nofollow">http://codef0rmer.github.io/angular-dragdrop/#/</a></p>
  
  <p>Please provide me effective solution. Thanks in adnavce. </p>