从指令模板中访问angular的rootScope

Question

我已经看到了一些有关尝试实现此目标的建议，但是我似乎无法找到我所需的直接解决方案。

我在应用程序的rootScope中将某些值存储在数组和对象中，我希望能够从项目中的不同指令模板访问这些值。

Answer 1

您需要按如下所示将$rootScope注入到指令中，

myApp.directive('testDirective', function($rootScope) {
  template: '<div>Rootscope value for name is '+ $rootScope.name+'</div>'
  //other directive code
});

然后，您将能够访问指令模板内甚至$rootScope templateUrl引用的templateUrl内的$rootScope值。

Answer 2

我想到的最简单的方法是在指令中使用rootScope并在指令自己的作用域上存储对所需对象的引用。 然后，您可以像访问指令范围内的任何其他项一样访问它。