在指令中访问 rootScope

Question

我已经尝试了一百万种方法来从这个基于 elasticui 的指令中访问 rootScope 变量，但运气为零。这是指令，记住 $rootScope 确实被传递到它的父控制器中。

var elasticui;
(function (elasticui) {
var directives;
(function (directives, rootScope) {
    var IndexDirective = (function () {
        function IndexDirective() {
            var directive = {};
            directive.restrict = 'EAC';
            directive.controller = elasticui.controllers.IndexController;
            directive.link = function (scope, element, attrs, indexCtrl, rootScope) {
            console.log("Updated Index: " + $rootScope.esIndex);
            indexCtrl.indexVM.index = scope.$eval(attrs.euiIndex);
            };
            return directive;
        }
        return IndexDirective;
    })();
    directives.IndexDirective = IndexDirective;
    directives.directives.directive('euiIndex', IndexDirective);
})(directives = elasticui.directives || (elasticui.directives = {}));
})(elasticui || (elasticui = {}));

在其他地方，我将 $rootScope.esIndex 设置为我想指向的索引，但我得到“$rootScope is not defined”。我尝试将指令的范围属性设置为 false，尝试在 $rootScope.esIndex 上设置一个观察者作为链接函数返回值的一部分，但无论我做什么，我似乎都无法弄清楚。

我认为对我来说问题的一部分是，从指令的角度来看，这个结构有点神秘，对于一个新的有角的人来说是消化的。这是一组更大的指令定义中的一个块，所以我很难掌握。

有什么想法可以在这里轻松获取 $rootScope 吗？

提前感谢 TON！

Answer 1

查看更多代码会有所帮助。特别是当你说“$rootScope 确实被通过了”时。但是，由于信息有限，您为什么不尝试更改此行：

(directives = elasticui.directives || (elasticui.directives = {}));

类似

(directives = elasticui.directives || (elasticui.directives = {}, rootScope));

乍一看，您的自执行函数似乎没有被传递它期望的 rootScope 参数。祝你好运！

编辑：也

console.log("Updated Index: " + $rootScope.esIndex);

应该没有美元符号。

编辑：评论有更多信息！