angular ui jQuery Passthrough用于可调整大小的jquery插件

时间:2014-03-10 18:31:30

标签: javascript angularjs angular-ui

我一直在尝试使用angular ui jQuery Passthrough for jquery resizable plugin

adocsModule.value('uiJqConfig', {   
    resizable: {
        stop: function (event, ui) {
            alert('stop');
        }
    }
});

现在当我在div上调用它时

<div style="height: 30px; width:60px; border:solid; padding:2px" 
            ng-repeat="item in list2" ui-jq="resizable"  >

它工作正常div调整大小但问题是我想在控制器中挂钩停止功能

就像他们说使用ui-options来做到这一点。可以有人指导我如何将此方法移动到控制器而不是在配置?

或jquery passthrough无法做到这一点?或任何可以调整大小并具有回调函数的角度指令

任何帮助将不胜感激

更新

我做了一些改变,现在就是这样的

$scope.stopCallBack = function (event, ui, item) {
        alert('stop');
    }

    $scope.startCallBack = function (event, ui, item) {
        alert('start');
    }


    $scope.optionsObj = {
        start:$scope.startCallBack,
        stop: $scope.stopCallBack
    };


<div style="height: 30px; width:60px; border:solid; padding:2px" 
                ng-repeat="item in list2" ui-jq="resizable" ui-options="startCallBack,stopCallBack,optionsObj"  >

这是一种正确的方法,其次是如何将参数传递给这些函数。原因是我想知道哪个元素正在调整大小

例如,如果我这样做,我会收到错误

ui-options="startCallBack(item, $index),stopCallBack,optionsObj" 

1 个答案:

答案 0 :(得分:0)

试一试。

UI-选项=&#34; {开始:startCallBack},{车站:stopCallBack}&#34;

相关问题