Accessing $rootScope variable from a directive

Question

So I have a directive that look like this:

(function (module) {

    var node = function (RecursionHelper) {

        return {
            restrict: 'E',
            controller: 'mainController',
            scope: {
                node: '=n'
            },
            templateUrl: '/app/NSviewer/templates/parts/node.html',
            compile: function (element) {
                // Use the compile function from the RecursionHelper,
                // And return the linking function(s) which it returns
                return RecursionHelper.compile(element);
            }
        };

    };

    module.directive("node", node);


}(angular.module("anbud")));

And I have a layout variable that is defined like this:

$rootScope.layout = "test";

In the node directive. The layout variable is not displayed.

<pre>{{layout | json}}</pre>

This shows up as empty.

How can I access $rootScope.layout from my node directive?

Answer 1

尝试这种方式：

<pre>{{$root.layout | json}}</pre>

Answer 2

Hi you need to inject $rootScope in your directive and try it this way:

{{$root.layout | json}}