angularjs – ng-include使控制器块重新渲染

在login_form.html中,当用户登录时,我在LoginCtrl中设置isLoggedIn = true.但是这会导致重新呈现下面的完整html,这会再次导致ng-init.

我该如何避免这种循环？

<div ng-controller="LoginCtrl" ng-init="isLoggedIn = false" class="span4 pull-right">
        <div ng-switch on="isLoggedIn"> 
          <div ng-switch-when="false" ng-include src="'login_form.html'"></div>
          <div ng-switch-when="true" ng-include src="'profile_links.html'"></div>
        </div>
      </div>

以下是登录表单的HTML –

<form class="form-inline">
  <input type="text" placeholder="Email" ng-model="userEmail" class="input-small"/>
  <input type="password" placeholder="Password" ng-model="userPassword" class="input-small"/>
  <button type="submit" ng-click="login(userEmail,userPassword)" class="btn">Sign In</button>
</form>

以下是控制器 –

angularApp.controller('LoginCtrl',function($scope,currentUser){

  $scope.loginStatus = function(){
    return currentUser.isLoggedIn();
  };

/*  $scope.$on('login',function(event,args) {
    $scope.userName = args.name;
  }); 

  $scope.$on('logout',args) {
    $scope.isLoggedIn = false;
  });*/

  $scope.login = function(email,password){
    currentUser.login(email,password);
  };

  $scope.logout = function(){
    currentUser.logout();
  };

});

吹是服务 –

angularApp.factory('currentUser',function($rootScope) {
  // Service logic
  // ...
  // 
    var allUsers = {"rob@gmail.com": {name: "Robert Patterson",role: "Admin",email: "rob@gmail.com",password: "rob"},"steve@gmail.com":{name: "Steve Sheldon",role: "User",email: "steve@gmail.com",password: "steve"}}

  var isUserLoggedIn = false;

  // Public API here
  return {
    login: function(email,password){
      var user = allUsers[email];
      var storedPass = user.password;

      if(storedPass === password){
        isUserLoggedIn = true;
        return true;
      }
      else
      {
        return false;
      }
    },logout: function(){
      $rootScope.$broadcast('logout');
      isUserLoggedIn = false;
    },isLoggedIn: function(){
      return isUserLoggedIn;
    }
 };
});