anglejsを使用してあるdivから別のdivに要素を移動する方法

Question

あるdivから別のdivに要素を移動したいとします。

たとえば、DIV-Aにボタンがあり、DIV-Bでボタンを移動したいとします。

これは、簡単に

$("div-b").append('button'); 
$("div-a button").remove(); 

ようにjQueryで行うことができます。しかし、私はどこAngularJs 1Xに始めることを考えることができないのです。 一連の10〜20個のdivが連続してあり、ボタンをあるdivから別のdivに順番に移動したいとします。角度データで

Answer 1

は

<div ng-repeat="a in ctrl.a"></div> 
<div ng-repeat="b in ctrl.b"></div> 

vm.a = ['a1', 'a2']; 
vm.b = []; 

function move(obj) { 
    // find obj in vm.a and remove 
    // push obj in vm.b 
} 

は、ビューが自動的に更新されるべきオブジェクトとして表されます。

Answer 2

moveItem関数は、すべての子要素を1つのdivから別のdivに移動します。 すべてのイベントとウォッチャーはこれで生き残りますが、要素はまだ移動前のDOM内の他の場所のコントローラーに残ります。

はjQueryの

var dom = angular.element($window.document); 
    var itemFrom = []; 
    var itemTo = []; 

    var moveItems = function (from, to) { 
     from.children().appendTo(to); 
    }; 

    var changeHeader = function() { 

     if (itemFrom.length === 0) { 
      itemFrom = dom.querySelectorAll("#itemFrom"); 
     } 
     if (itemTo.length === 0) { 
      itemTo = dom.querySelectorAll("#itemTo"); 
     } 

     moveItems(itemFrom, itemTo); 
    };