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

发布时间：2020-12-17 09:57:33 所属栏目：安全来源：网络整理

导读：我使用角度ui可排序使用ui-sortable指令.是否可以根据范围状态动态启用/禁用可排序功能？所以我需要一个按钮来更改范围属性的状态,并且根据此属性可排序是否应该工作. 角度指令支持在排序选项更改时观察： scope.$watch(attrs.uiSortable,function(newVal,ol

我使用角度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>

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!