Angular gitter moving issue

Question

Ich versuche ein Beispiel mit eckigen Graster zu erstellen, aber ich bin nicht in der Lage, mein Ziel zu erreichen. Alles, was ich tun möchte, ist, dass, wenn ich Artikel A zwischen Artikel B und Artikel C verschiebe, Artikel C nach rechts geschoben wird, Artikel B nach links geschoben wird und Artikel A den Platz von Artikel B übernimmt.

Was passiert ist, dass ich ein Element nur an einen leeren Ort bewegen kann. Hier sind die Optionen, die ich verwende:

$scope.gridsterOptions = { 
    columns: 12, 
    maxRows: 1, 
    pushing: false, 
    floating: false, 
    resizable: { 
     enabled: false, 
    }, 
    draggable: { 
     enabled: true, // whether dragging items is supported 
    } 
}; 

Kann jemand das Problem beheben? Hier ist der Beispielcode unter plunker.

Answer 1

Nach pushing: false, hinzufügen, um diese neuen Linie:

swapping: true, 

Dies sollte es beheben.