Я делаю приложение типа trello с некоторыми функциями, такими как редактирование, удаление, добавление, но я не могу перетаскивать объекты из одного ng-повтора в другой, пожалуйста, не отмечайте дубликат, я новичок в angular js, я могу перетащить его, но не могу обновить его в своем массиве
HTML
<div class="header">
<button type="button" ng-click="openTaskDialog()" class="btn btn-primary">ADD/EDIT TASK</button>
</div>
<div class="taskProgressHeader">
<div class="tasksProgress">
<div class="taskHeading">
<h1>PENDING</h1>
</div>
<div class="pending" draggable="true" ng-repeat="taskNo in pending">
<h6>{{taskNo.taskTitle}}</h6>
<h6>{{taskNo.description}}</h6>
<h6>{{taskNo.process}}</h6>
<img class="taskEdit" ng-click="openTaskDialog($index,'pending')" ng-src="images/edit.png">
<img class="taskEdit" ng-click="deleteTask($index,'pending')" ng-src="images/delete.png">
</div>
</div>
<div class="tasksProgress">
<div class="taskHeading">
<h1>IN PROCESS</h1>
</div>
<div class="inProcess" droppable="true" ng-repeat="taskNo in inProcess">
<h6>{{taskNo.taskTitle}}</h6>
<h6>{{taskNo.description}}</h6>
<h6>{{taskNo.process}}</h6>
<img class="taskEdit" ng-click="openTaskDialog($index,'inProcess')" ng-src="images/edit.png">
<img class="taskEdit" ng-click="deleteTask($index,'inProcess')" ng-src="images/delete.png">
</div>
</div>
<div class="tasksProgress">
<div class="taskHeading">
<h1>COMPLETED</h1>
</div>
<div class="completed" ng-repeat="taskNo in completed">
<h6>{{taskNo.taskTitle}}</h6>
<h6>{{taskNo.description}}</h6>
<h6>{{taskNo.process}}</h6>
</div>
</div>
</div>
JS
var app = angular.module("myApp", ["ngRoute","ngMaterial","ui.bootstrap"]);
app.config(function($routeProvider,$locationProvider) {
$locationProvider.html5Mode(true);
$routeProvider
.when('/task',{
templateUrl : 'task.html',
controller : 'taskController'
});
});
app.service('serviceStorage', function() {
this.myFunc1 = function () {
return JSON.parse(localStorage.getItem("pendingArray"));
}
});
app.controller('taskController',function($scope,$mdDialog,$rootScope,serviceStorage){
console.log("task controller loaded",serviceStorage.myFunc1());
if(serviceStorage.myFunc1() == null){
$rootScope.pending = [];
}
else{
$rootScope.pending = serviceStorage.myFunc1();
}
console.log("rs ",$rootScope.pending.length);
$rootScope.inProcess = [];
$scope.completed = [];
$scope.openTaskDialog = function(index,status){
console.log("clicked task dialog");
$mdDialog.show({
controller: DialogController,
templateUrl:'addTasks.html'
})
function DialogController($scope, $rootScope, $mdDialog) {
console.log("dialog controller opened");
$scope.formSubmit = function(formObj){
if(status == 'pending'){
$rootScope.pending[index].taskTitle = $scope.formObj.taskTitle;
$rootScope.pending[index].description = $scope.formObj.description;
$rootScope.pending[index].process = $scope.formObj.process;
localStorage.setItem("pendingArray",JSON.stringify($rootScope.pending));
}
else if(status == 'inProcess'){
$rootScope.inProcess[index].taskTitle = $scope.formObj.taskTitle;
$rootScope.inProcess[index].description = $scope.formObj.description;
$rootScope.inProcess[index].process = $scope.formObj.process;
}
else{
console.log("2" ,$scope.formObj.taskTitle);
console.log("form data",formObj);
$rootScope.pending.push(formObj);
console.log($rootScope.pending);
localStorage.setItem("pendingArray",JSON.stringify($rootScope.pending));
}
$mdDialog.hide();
}
$scope.cancel = function(){
console.log("cancel");
$mdDialog.hide();
}
}
}
$scope.deleteTask = function(index,status){
console.log("status ",status);
if(status == 'pending'){
$rootScope.pending.splice(index,1);
console.log("$rootScope",$rootScope.pending);
console.log("index ",$rootScope.pending[index]);
localStorage.setItem("pendingArray",JSON.stringify($rootScope.pending));
}
else if(status == 'inProcess'){
$scope.inProcess.splice(index,1);
console.log("inProcess ",$scope.inProcess);
}
}
});
Я хочу перетащить объект из ожидающего массива в массив inProcess и из массива inProcess в массив Completed при перетаскивании и перемещении объекта из ожидающего массива в массив inProcess, из которого перетаскиваемый объект должен быть удален ожидающий массив и помещается в массив inProcess, так что массив inProcess завершается массивом