angularjs - 在指令中调用 Controller 方法适用于范围但不适用于 attrs？

我想在指令完成 DOM 更改后调用 Controller 的方法，但它不起作用，所以我在指令中发送该方法，该方法在 scope.$watch 中被调用

.directive('checkThis', function($timeout) {
    return {
        restrict: 'E',
        scope: {
            myData: '=',
            dirty: '=',
            what: '@',
            callback: '&'
        },
        link: function(scope, element, attrs) {
            scope.$watch('myData', function(newValue, oldValue) {
                if (newValue !== oldValue) {
                    if (newValue) {
                        scope.dirty++;
                    } else {
                        scope.dirty--;
                    }
                    check();
                }
            });

            var check = function () {
                if (angular.isDefined(scope.callback)) {
                    $timeout(function() {
                        console.log('being called');
                        scope.callback();
                    }, 0, false);
                }
            };
        }
    };
});

并在 HTML 中使用此指令，如下所示

<check-this my-data="vm.encryption" dirty="vm.dirty" what="column" callback="vm.checkAll()"></check-this>

现在，当我使用 attrs.callback 时，它​​不会被执行，但是即使我检查 scope.callback() 时也会执行 attrs.callback 它会在控制台中显示该方法。

为什么这种行为如此？

甚至我试过 scope.$eval(attrs.callback) 和

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

但它没有被调用。我正在引用 this article

最佳答案

Angular 指令 attrs 是字符串，因此在您的示例中调用 attrs.callback 是字符串 'vm.checkAll()'。使用 $eval 可以工作，但不建议这样做，因为它可能对您的应用程序的安全有害。

解决方案是使用 scope.callback() ，您有什么不想使用的原因吗？

如果由于某种原因您绝对需要使用 attrs.callback ，您可以使用 scope.$parent.$eval(attrs.callback); 或 eval('scope.$parent.' + attrs.callback) ，因为它们将在父作用域中评估 vm.checkAll() 。
scope.$eval(attrs.callback) 将不起作用，因为您的指令正在使用隔离范围。

关于angularjs - 在指令中调用 Controller 方法适用于范围但不适用于 attrs？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42244247/