在AngularJS中保存视图的状态

app.config(function($routeProvider){
 $routeProvider.when('/',{
   controller: 'MainCtrl'
 }).when('/another',{
   controller: 'SideCtrl'
 });
});

app.controller('MainCtrl',function($scope){
  $scope.formData = {};   

  $scope./* other scope stuff that deal with with your current page*/

  $http.get(/* init some data */);
});

您应该将初始化代码更改为您的服务,以及在此处的状态,这样可以在多个视图之间保持状态：

app.factory('State',function(){
  $http.get(/* init once per app */);

  return {
    formData:{},};
});

app.config(function($routeProvider){
 $routeProvider.when('/',function($scope,State){
  $scope.formData = State.formData;   

  $scope./* other scope stuff that deal with with your current page*/
});

app.controller('SideCtrl',State){
  $scope.formData = State.formData; // same state from MainCtrl

});

app.directive('myDirective',function(State){
  return {
    controller: function(){
      State.formData; // same state!
    }
  };
});

当你来回观看时,他们的状态将被保留,因为你的服务是一个单身,当你第一次将它注入你的控制器时被初始化.

还有一个新的ui.router,它有一个状态机,它是一个低级版本的$routeProvider,你可以使用$stateProvider精细的粒子持久状态,但它目前是实验性的(并将在角度1.3)