Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 您使用什么策略来获取和缓存分页集合,特别是在角度或重绘中?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
假设一个应用程序使用暴露分页集合的REST api中的数据,并且集合中的项目数量可能无限大(即,一次获取所有项目并存储在浏览器会话中的项目太多).

什么是获取,缓存和使这些数据的缓存无效的好策略?

说,API就像,

GET /users?page=1&per_page=50

使用如下的响应(即包括收集数据分页元数据)

{
  "paging": {
    "per_page": 20,"page": 1,"prevIoUs": null,"self": "/api/v1/users?per_page=20&page=1","next": "/api/v1/users?per_page=20&page=2"
  },"data": [
    // first 20 users
  ]
}

客户端可能会也可能不会在连续页面中加载集合,一次一页.任何客户端都可以更改集合中的用户.最终的一致性就足够了,我现在并不关心写冲突.

问题是在angularjs应用程序的上下文中,但是是一般的场景.

解决方法

我做/做的是使用angular的 $cacheFactory,每个API端点都有一个条目.因此,如果您当前的URL是/ api / v1 / users?per_page = 20& page = 1,则缓存的密钥将是/ api / v1 / users,没有任何分页参数.然后,一旦返回响应,请在处理数据的函数中执行以下操作:

// add customer insert method somewhere
Array.prototype.insert = function (index,item) {
  this.splice(index,item);
};

var cachedData = $cacheFactory.get(key);

var insertPosition = pageSize * currentPage;

cachedData.insert(insertPosition,returnedData);

$cacheFactory.put(cachedData);

可能比现实生活中的情况简单得多,但你明白了.

大佬总结

以上是大佬教程为你收集整理的angularjs – 您使用什么策略来获取和缓存分页集合,特别是在角度或重绘中?全部内容,希望文章能够帮你解决angularjs – 您使用什么策略来获取和缓存分页集合,特别是在角度或重绘中?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。