我已经创建了一个工厂作为服务来使用 Web API 调用从服务器获取一些数据，但是如果我需要再次获取相同的数据，我需要再次点击 API，我想在其他地方使用相同的数据并且不要不想再次调用 Web API。
有没有办法在 Angular js 中持久化数据？
【问题讨论】：
跨应用程序共享数据的方式：
1. 使用服务
我们可以为set和get之间的数据创建一个服务controllers，然后将该服务注入到我们想要使用它的控制器函数中。
服务：
app.service('setGetData', function() {
var data = '';
getData: function() { return data; },
setData: function(requestData) { data = requestData; }
});
控制器：
app.controller('myCtrl1', ['setGetData',function(setGetData) {
// To set the data from the one controller
var data = 'Hello World !!';
setGetData.setData(data);
}]);
app.controller('myCtrl2', ['setGetData',function(setGetData) {
// To get the data from the another controller
var res = setGetData.getData();
console.log(res); // Hello World !!
}]);
在这里，我们可以看到myCtrl1用于设置数据，myCtrl2用于获取数据。因此，我们可以像这样将数据从一个controller 共享到another controller，而无需进行任何进一步的 API 调用。
2. 使用会话存储
创建工厂服务，该服务将根据密钥保存并返回保存的会话数据。
app.factory('storageService', ['$rootScope', function($rootScope) {
return {
get: function(key) {
return sessionStorage.getItem(key);
},
save: function(key, data) {
sessionStorage.setItem(key, data);
}
};
}]);
控制器：
将控制器中的storageService依赖注入到set和get会话存储中的数据。
app.controller('myCtrl',['storageService',function(storageService) {
// Save session data to storageService
storageService.save('key', 'value');
// Get saved session data from storageService
var sessionData = storageService.get('key');
});
【讨论】：
如果您在服务内部进行异步调用并且您正在获取的数据是“静态的”，那么缓存它们以避免每次需要它们时产生新的开销是有意义的。默认情况下禁用缓存。
$http({
method: 'GET',
cache: true
}
【讨论】：
您可以为此使用HTML5 Web Storage。
localStorage.setItem("lastname", "Smith");
console.log(localStorage.getItem("lastname"));
【讨论】：