Ionic：为index.html创建$ scope或$ rootScope变量

Question

在离子应用程序中 我在模板文件夹外面有一个index.html（shell页面）。

我需要在这个index.html上访问一个变量（即使它是一个$ rootScope变量，我也没关系），根据侧面菜单上的切换按钮更改NavBar标题背景颜色（dev / prod）

如何创建此类变量。

Answer 1

就像在HTML中使用$ scope变量一样，将$ rootscope作为依赖项传递给控制器​​以访问它

<div ng-controller="Ctrl">
    <p>{{var1}}</p>
    <p>{{var2}}</p>
   </div>

控制器代码：

.controller('Ctrl', function($scope,$rootScope){
             $scope.var1="check1";
             $rootScope.var2="check2"; });