angularjs ziehen und sortieren divs

Question

Kann mir bitte jemand helfen mit einfachen Beispiel des Ziehens und Neuanordnen von divs mit angularjs?

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

Dies sind zwei horizontale Quadrate .. Ich will ihre positions.If ziehen und tauschen Ich sollte roten Kasten an der blauen Box Position dann blaue zur Position zu rot ist verschoben bin ziehen. Kann es mit angularjs gemacht werden? Ich hatte einige Beispiele gesehen, die Liste neu zu ordnen, aber sehr schwierig zu verstehen. Wenn jemand mir ein einfaches Beispiel geben kann, wird sehr hilfreich sein.
Vielen Dank.

Answer 1

Was ist mit einem Drag & Drop-Plugin (es funktioniert auch für die Größenänderung)? Es wird dein Problem vereinfachen, denke ich.

Dieser funktioniert wie ein Zauber: Gridster

Beispiel:

<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>