угловая директива js для изменения размера с помощью jquery ui не может установить максимальную ширину

Question

вот директива angularJS с использованием jquery UI. Я хочу установить максимальную ширину элемента, который может быть изменен в пределах функции изменения размера. Как это возможно?

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"); 

дело в том, если вы называете его от изменения размера обработчик событий, я думаю, что изменение повлияет только на следующий триггер.