访问模板视图中的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>