在模板視圖中訪問 rootScope 變量不起作用

Question

我知道這是可能的，並且已經看到很多關於如何做到這一點的線程，但我無法弄清楚我做錯了什么。 我的$rootScope變量沒有出現在我的模板視圖中。

.run(function($ionicPlatform,$state,$rootScope,$q,apiService) {
  $ionicPlatform.ready(function() {

    $rootScope.test = "HELLO ALL" ;

 ...
 ...
}),

.controller('EventCtrl', function($scope,$rootScope,$state,$stateParams) {

}),

在我的 EventCtrl webview 模板中：

<div style="color:red;font-weight:bolder;">{{$root.test}}</div>

然而， HELLO ALL從未出現。 我已經按照其他一些帖子中的建議簡單地嘗試了{{test}} ，但這也不起作用。 我在這里做錯了什么？ 控制台中沒有生成錯誤。

我還嘗試了以下操作，在我設置的 EventCtrl controller 中：

$scope.globalScope = $rootScope ;

然后在訪問的模板中： {{globalScope.test}} - 它仍然無法正常工作。

Answer 1

您可以簡單地使用{{ test }} ，因為$scope繼承自$rootScope

檢查以下：

 angular.module("myApp", []).run(function($rootScope) { $rootScope.test = "Hello All" }).controller("myCtrl", function($scope, $rootScope) {})

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script> <div ng-app="myApp" ng-controller="myCtrl"> <div style="color:red;font-weight:bolder;">{{test}}</div> </div>