可调整大小的指令（AngularJS + JQuery）

Question

希望有人回答如何创建一个angularJS指令，以使用选择器的位置来调整选定的div的大小来调整div的大小。

我有这个，它可以为文档和窗口创建，当显示其他元素时效果不好。

z="a,b:i,c,d:i,e,f,g,h"
p=z.count(':i')
x=z.split(":i")
non_colon_i_list=x[p:]
colon_i_list=x[:p]

}）;

然后在HTML中我这样添加元素

angular.module('mc.resizer', []).directive('resizer', function($document) {

return function($scope, $element, $attrs) {

    $element.on('mousedown', function(event) {
        event.preventDefault();

        $document.on('mousemove', mousemove);
        $document.on('mouseup', mouseup);

    });

    function mousemove(event) {

        if ($attrs.resizer == 'vertical') {
            // Handle vertical resizer
            var x = $(document).width() - event.clientX;

            $($attrs.resizerRight).css({
                width: x + 'px'
            });

            $($attrs.resizerLeft).css({
                width: ($(document).width() - x) + 'px'
            });

        }
    }

    function mouseup() {
        $document.unbind('mousemove', mousemove);
        $document.unbind('mouseup', mouseup);
    }
};

任何建议都很棒！