加载指令时无法调用函数

Question

我正在研究 AngularJS 自定义指令。我试图在我的指令加载后立即调用一个函数。

我尝试在 link 函数中调用函数，但它抛出错误 TypeError: scope.setCurrent is not a function.

这是我尝试做的事情

function pagination() {
    return {
        restrict: 'EA',
        templateUrl: 'template/directives/pagination.html',
        scope: {
            totalData: '@',
        },
        link: dirPaginationControlsLinkFn
    };
}


function dirPaginationControlsLinkFn(scope, element, attrs){
    var vm = this;
    scope.setCurrent(1);    //this function is throwing error

    scope.setCurrent = function(num) {     //working fine
        scope.GetPager(scope.totalData,num,3);
    };
}

当我触发点击事件时，相同的 setCurrent(data) 函数工作正常

<li ng-repeat="pages in pages track by $index">
  <a ng-click="setCurrent(pages)">{{ pages }}</a>
</li>

我不确定我哪里出错了。任何帮助将不胜感激

Answer 1

问题是您在声明之前调用函数，这就是未定义 setCurrent 的原因。

    scope.setCurrent = function(num) {     //first declare function and initialling with body 
        scope.GetPager(scope.totalData,num,3);
    };

    scope.setCurrent(1);    //than call function

加载指令时无法调用函数

Not able to call function when directive loads

angularjs

angularjs-directive

isolate-scope