Доступ к переменной 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:

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

Тем не менее, HELLO ALL никогда не появляется. Я попытался просто {{test}}, как предлагается в некоторых других сообщениях, но это тоже не работает. Что я тут не так делаю? В консоли не генерируется никаких ошибок.

Я также попробовал следующее, в моем контроллере EventCtrl я установил:

$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>