angularjs – 如何在角度ui中动态禁用ui-sortable指令

我使用角度ui可排序使用ui-sortable指令.是否可以根据范围状态动态启用/禁用可排序功能？所以我需要一个按钮来更改范围属性的状态,并且根据此属性可排序是否应该工作.

角度指令支持在排序选项更改时观察：

scope.$watch(attrs.uiSortable,function(newVal,oldVal){

所以您只需查看jqueryui可排序的文档,并更新插件上的正确属性.

HTML

<ul ui-sortable="sortableOptions" ng-model="items">
   <li ng-repeat="item in items">{{ item }}</li>
 </ul>
<button ng-click="sortableOptions.disabled = !sortableOptions.disabled">Is disabled: {{sortableOptions.disabled}}</button>

JS

app.controller('MainCtrl',function($scope) {
  $scope.items = ["One","Two","Three"];

  $scope.sortableOptions = {
    disabled: true
  };
});