Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 使用可排序的ui存储行索引_Angularjs_Jquery Ui_Angular Ui Sortable - Fatal编程技术网

Angularjs 使用可排序的ui存储行索引

Angularjs 使用可排序的ui存储行索引,angularjs,jquery-ui,angular-ui-sortable,Angularjs,Jquery Ui,Angular Ui Sortable,我正在开发一个内置angular、mongodb、strongloop/loopback框架的应用程序。用户将看到一个费用表,并且需要能够将其重新排列(使用ui可排序拖放)到所需的顺序中,该顺序需要存储,以便下次访问页面、刷新等时,该顺序就在那里 这是我的html,它似乎成功地将expense.order绑定到行索引,因为行被移动 <tbody ui-sortable ng-model="expenses" > <tr ng-repeat="exp

我正在开发一个内置angular、mongodb、strongloop/loopback框架的应用程序。用户将看到一个费用表,并且需要能够将其重新排列(使用ui可排序拖放)到所需的顺序中,该顺序需要存储,以便下次访问页面、刷新等时,该顺序就在那里

这是我的html,它似乎成功地将expense.order绑定到行索引,因为行被移动

  <tbody ui-sortable ng-model="expenses" >
             <tr ng-repeat="expense in expenses">
               <td ng-bind="expense.order = $index +1">{{expense.order}}</td>
我做错了什么?仍处于早期学习阶段。谢谢

一些附加信息-费用数据是通过以下代码获取的:

function getExpenses() {
  $scope.expenses = User.expenses({
    id:$scope.user.id,
    "filter": {
      "where": {"propertyId": $routeParams.id},
      "order": "order ASC"
    }
  })
}

我们需要更多关于阵列的信息。它是如何构造的。如果您正确连接ui可排序,它应该不会那么复杂。
费用
不存在于控制器中,它只存在于
ng repeat
的子范围中。根据演示,使用这些选项将事件回调传递给指令。jQueryUI文档也将是一个很大的帮助,因为这是正在开发的apiused@Mikey-我发布了用于获取费用数组的代码。我不确定您在这里到底想做什么。“费用”的ng模型将随着用户拖放而自动更改。不需要在那里有“订单”值,因为当前订单将是费用数组。您只需对expenses数组进行深入监视,它将在每次订单发生变化时触发。我通常使用第二个数组orderedExpenses并绑定到该数组。这样,如果我需要对原始列表顺序执行某些操作,我仍然可以使用它。我只是尝试存储费用数组的顺序,以便当用户返回页面时,可以显示他们想要的顺序,而无需再次拖放。可能采取了一种完全错误的方法,在这一点上仍然是新的。谢谢我们需要更多关于阵列的信息。它是如何构造的。如果您正确连接ui可排序,它应该不会那么复杂。
费用
不存在于控制器中,它只存在于
ng repeat
的子范围中。根据演示,使用这些选项将事件回调传递给指令。jQueryUI文档也将是一个很大的帮助,因为这是正在开发的apiused@Mikey-我发布了用于获取费用数组的代码。我不确定您在这里到底想做什么。“费用”的ng模型将随着用户拖放而自动更改。不需要在那里有“订单”值,因为当前订单将是费用数组。您只需对expenses数组进行深入监视,它将在每次订单发生变化时触发。我通常使用第二个数组orderedExpenses并绑定到该数组。这样,如果我需要对原始列表顺序执行某些操作,我仍然可以使用它。我只是尝试存储费用数组的顺序,以便当用户返回页面时,可以显示他们想要的顺序,而无需再次拖放。可能采取了一种完全错误的方法,在这一点上仍然是新的。谢谢
function getExpenses() {
  $scope.expenses = User.expenses({
    id:$scope.user.id,
    "filter": {
      "where": {"propertyId": $routeParams.id},
      "order": "order ASC"
    }
  })
}