javascript - 如何在 angularjs 应用程序中存储数据？

Question

您好，我正在开发我的第一个 Angularjs 应用程序。我想将数据保存在 Angularjs 应用程序中供以后使用(我之前在 jquery 中使用过 localstorage)。例如，我将进行 ajax 调用并获取一些数据，让我们在下面的示例中说，

  $http.post('http://192.168.0.213:1234/api/VerifyUser', $stateParams.pageList).then(function (response) {
                alert(response.data);

另一个例子，成功登录后我会得到一些 ID 作为响应，我想在整个应用程序中保留这些数据。我可能会在所有后续的 ajax 调用中使用此 ID。我会得到一些数据作为回应，我也想在其他 Controller 中使用这些数据。有什么办法可以做到这一点？任何帮助，将不胜感激。谢谢。

Answer 1

你可以像下面这样把它存储在工厂里，

在您的 Ajax 调用之后

$http.post('http://192.168.0.213:1234/api/VerifyUser', $stateParams.pageList).then(function (response) {

                alert(response.data)
SomeFactory.setData(response.data);
};

一些工厂

    (function () {
  'use strict';

  angular
    .module('app.myApp')
    .factory('SomeFactory', SomeFactory);

  SomeFactory.$inject = [];

  function SomeFactory() {
    var someData;

    var factory = {
      setData: setData,
      getData: getData
    };



    function setData(data) {
      someData = data;
    }

    function getData() {
      return someData;
    }

    return factory;
  }
})();

在你的 Controller 中

将你的工厂注入(inject)你的 Controller 然后获取数据

(function () {
  'use strict';

  angular
    .module('app.login')
    .controller('LoginController', LoginController);

  LoginController.$inject = ['SomeFactory'];

  function LoginController(SomeFactory) {
   var vm = this;
   vm.someVariable = SomeFactory.getData();
   console.log(vm.someVariable);  // logs your data

}
})();