变化NG-如果从控制器

Question

我想从我的login/login.js index.html中改变我的ng-if值“的loggedIn” app.js声明通过使用此代码

$scope.doLogin = function() { 
    console.log('Logging in as ', $scope.loginData.email); 
    AuthService.login($scope.loginData) 
    .then(function() { 
     $rootScope.loggedIn = true; 
     $scope.layout = 'styles'; 
     $state.go('app.mainReg'); 

     $stateParams.id = $currentUserId; 
     console.log($currentUserId); 
    }); 
}; 

，我有这种stateProvider的我app.js

.state('app', { 
      url:'/', 
      abstract: true, 
      views:{ 
       'bodyLogin': { 
        templateUrl : 'views/login/body.html', 
        controller : 'BodyController' 
       }, 
       'bodyMain': { 
        templateUrl : 'views/main/body.html', 
        controller : 'BodyController' 
       } 
      } 
     }) 
.state('app.mainUnreg', { 
      url:'home', 
      views: { 
       'content@app': { 
        templateUrl : 'views/login/home.html', 
        controller : '' 
       } 
      } 
     }) 
.state('app.mainReg', { 
      url:':userID', 
      views: { 
       'header@app': { 
        templateUrl : 'views/main/header.html', 
        controller : '' 
       }, 
       'sidebar@app': { 
        templateUrl : 'views/main/sidebar.html', 
        controller : '' 
       }, 
       'middle@app': { 
        templateUrl : 'views/main/home.html', 
        controller : '' 
       }, 
       'footer@app': { 
        templateUrl : 'views/main/footer.html', 
        controller : '' 
       } 
      }, 
      controller: 'MainController' 
     }) 

，我通过DIV

<div ng-if="!loggedIn" ui-view="bodyLogin" class="site-wrapper" ui-sref-active="app.mainUnreg"></div> 

<div ng-if="loggedIn" ui-view="bodyMain" ui-sref-active="app.mainReg"></div> 

分隔每个状态但是，我似乎它没有给出任何效果，甚至我已经登录和被重定向，为loggedIn声明没有变化，依然false

我已经把文件GitHub

有谁有任何想法，我犯了一些错误，所以我的登录声明无法更改？

Answer 1

只要改变<div ng-if="!loggedIn"到<div ng-if="!$root.loggedIn"