angularjs drag and sort divs

Question

任何人都可以請幫助我與簡單的例子，使用angularjs拖動和重新排序div的div？

<div id="abc" style = width:20px;height:20px; background:red> 
    ABC 
</div> 
<div id="xyz" style = width:20px;height:20px;background:blue> 
    XYZ 
</div> 

這些都是2米水平的正方形。我想拖和交換他們positions.If我拖着紅色框在藍框的位置，然後藍色應轉向爲紅色的位置。 可以用angularjs來完成嗎？我曾經看過一些列表重新排序的例子，但很難理解..如果有人能給我簡單的例子將是非常有幫助的。
謝謝。

Answer 1

如何使用拖放插件（它也適用於調整大小）？它會簡化你的問題，我猜。

這一個就像一個魅力：Gridster

實施例：

<div class="gridster"> 
    <ul> 
     <li data-row="1" data-col="1" data-sizex="1" data-sizey="1"> 
      <div id="abc" style = width:20px;height:20px; background:red> 
       ABC 
      </div> 
     </li> 
     <li data-row="2" data-col="1" data-sizex="1" data-sizey="1"> 
      <div id="xyz" style = width:20px;height:20px;background:blue> 
       XYZ 
      </div> 
     </li> 
    </ul> 
</div>