從指令模板中訪問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並在指令自己的作用域上存儲對所需對象的引用。 然后，您可以像訪問指令范圍內的任何其他項一樣訪問它。