jqueryでリサイズするjsディレクティブuiで最大幅を設定できません

Question

jQueryのUIを使用するangularJSディレクティブがここにあります。私は、resize関数内でサイズ変更可能な要素の最大幅を設定したいと思います。それはどのように可能ですか？

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

あなたはまた、動的に呼び出すことができます：

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("option", "maxWidth"); 

事実でありますイベントハンドラ、私は変更が次のトリガにのみ影響を与えると思う。