html代码如下:
<p ui-sortable="sortableOptionsList[$index]" class="apps-container" ng-model="rawScreens[$index]" ng-repeat="app in rawScreens track by $index">
{{app.name}}
<p ng-repeat="item in app.items track by $index">
{{$index}}{{item.title}}
</p>
</p>
js代码如下:
$scope.rawScreens = itemStorage.itemList('http://localhost:8080/demo/demo.json').success(function(data, status, headers, config) {
$scope.rawScreens = data;
var sol = [];
for (i = 0; i < $scope.rawScreens.length+1; i++) {
sol[i] = createOptions(i);
}
$scope.sortableOptionsList = sol;
});
function createOptions(listName) {
var _listName = listName;
var options = {
placeholder: "app",
connectWith: ".apps-container"
};
return options;
}
json数据如下:
[
{
"id":"状态1",
"name":"状态1",
"items":[{
"title":"测试数据1"
},{
"title":"测试数据2"
}]
},{
"id":"状态A",
"name":"状态A",
"items":[{
"title":"测试数据a"
},{
"title":"测试数据b"
}]
}
]
拖动后在deactivate之后,stop之前报错
1. Concernant le plug-in glisser-déposer, il est recommandé d'utiliser
angular-sortable-view
pour les raisons : (1) Il est simple et pratique à utiliser (2) Aucune dépendance supplémentaire n'est requise saufAngular
.2. J'ai écrit un petit exemple ici. Vous pouvez cliquer pour le voir. Si c'est le résultat que vous souhaitez, vous pouvez lire le contenu ci-dessous. Si vous n'êtes pas satisfait, il n'est pas nécessaire de lire le contenu ci-dessous. .
Partie du code :
1.
index.html
2.
app.js
3.
style.css
D'accord, c'est en gros ça, j'espère que ça pourra vous aider ^_^.
1. Portail d'exemples de sites Web officiels
2. S'il y a quelque chose de flou dans le code, vous pouvez voir mon exemple.