用于使用 jquery ui 调整大小的角度 js 指令无法设置最大宽度

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

事实上，如果你从 resize 事件处理程序中调用它，我认为更改只会影响下一个触发器。