角度js指令的大小與jQuery UI不能設置最大寬度

Question

這裏是使用jQuery UI的angularJS指令。我想在resize函數中設置可以調整大小的元素的最大寬度。這怎麼可能？

app.directive('resizable', function() { 

     return { 
      restrict: 'A', 
      scope: { 
       callback: '&onResize' 
      }, 
      link: function postLink(scope, elem, attrs) { 
       elem.resizable({ grid:200, handles: 'e,w'}); 
       elem.on('resize', function (evt, ui) { 


          scope.$apply(function() { 
           if (scope.callback) { 
            scope.callback({$evt: evt, $ui: ui }); 


            //here is where I want to set maximum width 


           } 
          }) 



       }); 


      } 
     }; 
    }); 

Answer 1

根據API docs你只需要設置maxWidth選項：

$(".selector").resizable({ 
    maxWidth: 300 
}); 

您還可以動態地調用它：

$(".selector").resizable("option", "maxWidth"); 

的事實是，如果你從調整大小叫它事件處理程序，我認爲這個更改只會影響下一個觸發器。