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

前端之家收集整理的这篇文章主要介绍了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
  };
});
原文链接:https://www.f2er.com/angularjs/140355.html

猜你在找的Angularjs相关文章