在角度页面之间保留值的最简单方法？

Question

我在页面 x。我单击页面 x 上的一个操作，该操作使用新文本更新（使用 ajax）3 个 div 元素。

然后我导航到页面 y（带有角度请求），然后返回页面 x - 我用 ajax 更改的值现在消失了（它们是默认值)。

我的值不在表单内，而是在 div 元素内。

如果其中一些被更改（例如使用 ajax），在 Angular 切换页面之间保留值的最简单方法是什么？

Answer 1

最简单？在 $rootScope 上设置值。

$rootScope.name = name;

现在只需在任何需要名称的控制器中注入 $rootScope。

angular.module('myModule').controller('CtrlA', function($rootScope) { 
  $rootScope.name = "something";
});

angular.module('myModule').controller('CtrlB', function($rootScope) { 
  console.log($rootScope.name);
});

如果您开始向 rootScope 添加大量值，则最好使用service。

类似名字这样简单的服务等价物是这样的：

angular.module('myModule').service('Name', function Name() {
  var name;

  var service = {       
   getName: function() { return name; },
   setName: function(n) { name = n; }
  };
  return service;
});

然后你可以在不同的控制器中注入这个服务。

angular.module('myModule').controller('CtrlC', function(Name) { 
  Name.setName('hello world!');
});

angular.module('myModule').controller('CtrlD', function(Name) { 
  $scope.name = Name.getName();
  console.log($scope.name);
});

Answer 2

你有几个选择

1. 将您的数据保存到$rootScope
2. 创建一个service 来存储您的数据。
3. 将您的数据保存到$cookieStore