Javascript $scope.$apply（）未调用函数

我需要一个自定义的click指令，它使用scope.$apply（）执行传递的代码

如果我传递类似于wd click=“something=！something”的消息，则此操作非常有效。但是，当我尝试调用$rootScope函数时，它不起作用，但是当使用默认的ng click时，它确实起作用

wd-click="$root.someFunction()" //this does not call the function but ng-click does

我已尝试更新指令以使其生效

$(elem).on('click', function(){
    $rootScope.$apply(attrs.wdClick);
});

---

但这也不起作用。有什么想法吗？

您应该将代码包装在函数（）中{}

---

attrs.wdClick

是一个字符串，因此将其传递给

$apply

将不起任何作用。要调用函数，可以将字符串传递给

$eval

scope.$apply(function() {
  scope.$eval(attrs.wdClick)
});

---

是否要在另一个控制器中调用rootscope方法？如果我理解正确，请尝试使用以下方法：

angular.module（'app'，[]）
.controller（'Ctrl'，函数Ctrl1（$scope，$rootScope）{
$rootScope.blah='Hello'；
$scope.yah='World'
})
.directive（'myTemplate'，function（）{
返回{
限制：'E'，
templateUrl:'my template.html'，
作用域：{}，
控制器：[“$scope”，“$rootScope”，函数（$scope，$rootScope）{
log（$rootScope.blah）；
console.log（$scope.yah）；
$scope.test=函数（arg）{
控制台日志（arg）；
}
}]
};
});

点击
您尝试使用attrs而不是scope属性有什么原因吗？此外，应该使用$timeout而不是$apply

angular
        .module('app', [])
        .directive('myDirective', myDirective);

myDirective.$inject = ['$timeout'];
function myDirective($timeout) {
    return {
        restrict: 'E',
        templateUrl: 'my-template.html',
        scope: {
            wdClick: '='
        },
        link: linkFn
    };

    function linkFn(scope, element) {
        element.on('click', function () {
            $timeout(scope.wdClick);
        });
    }
}

遇到同样的问题，我尝试了$scope.$eval和$scope.$apply。没有错误，什么也不会发生：|当我转储到控制台时，我可以看出它是一个函数，而不仅仅是一个字符串
scope.$apply(function() {
  scope.$eval(attrs.wdClick)
});

angular
        .module('app', [])
        .directive('myDirective', myDirective);

myDirective.$inject = ['$timeout'];
function myDirective($timeout) {
    return {
        restrict: 'E',
        templateUrl: 'my-template.html',
        scope: {
            wdClick: '='
        },
        link: linkFn
    };

    function linkFn(scope, element) {
        element.on('click', function () {
            $timeout(scope.wdClick);
        });
    }
}