Angularjs 获取巨大 json 文件的请求

2023-11-22

我需要向用户显示数据库中的一些数据。数据位于 json 文件中,并且大小相当大。 json 文件的大小大约在 15MB 左右。我创建了一个服务并使用 Promise api 发出成功的请求并加载数据并通过在 div 上执行 ng-repeat 来将其显示给用户。现在,正如您所了解的,仅当文件可用时页面才会显示数据,并且发出获取请求来获取 15MB 文件需要花费大量时间。我发现在某些情况下 Firefox 会在一段时间后简单地停止加载文件。现在我的问题是 Angular 执行此类任务的方式是什么。

我正在考虑做一些事情,比如首先显示 json 文件中的几个条目,然后滚动页面的其余部分将由剩余数据填充,但我想这是不可能的,因为当它发出 get 请求时,它会先完全下载文件然后显示数据吗?

Angular 提供了一种叫做 ng-cloak 的东西,但这只是为了避免闪烁。我可以使用类似 ng-cloak in Angular 的东西吗? 任何其他想法或如何处理此类场景或实现此目的的角度方式是什么?


基于您处理大量 JSON 有效负载的要求。 FWIW你有两个选择:

  • 您的服务器支持 HTTP/JSON 流式传输:

    创建一个有角度的就绪状态改变处理程序并使用流式 JSON 解析器,例如oboe.js

  • 您的服务器不支持 HTTP/JSON 流

    按照其他人的建议进行操作,并提供对该有效负载的分页访问,以便浏览器可以按需分块加载它。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angularjs 获取巨大 json 文件的请求 的相关文章

随机推荐

  • SQS 消息延迟未按预期工作

    我正在尝试延迟发送单独的 SQS 消息 使用https docs aws amazon com AWSSimpleQueueService latest SQSDeveloperGuide sqs send message with tim
  • 编号正则表达式捕获的最大数量是多少?

    我正在维护一些通过串行无线电读取值并将它们解包到 Perl 数据结构中的代码 Don t yell at me I didn t write this if command string sx config gt sequence hex
  • 在这种情况下,WaitGroup.Wait() 是否意味着内存屏障?

    var condition bool var wg sync WaitGroup for item range items wg Add 1 go func item if meetsCondition item condition tru
  • IntelliJ - 将 Java 项目/模块转换为 Maven 项目/模块

    我在 Bitbucket 上有一个项目 仅承诺来源 为了将项目检索到新机器上 我使用了 IntelliJ 中的版本控制 gt 从版本控制中签出 然后它询问我是否想从此源创建一个新项目 我回答 是 到目前为止 一切都很好 它为我创建了一个不错
  • 禁用 Twitter Bootstrap 按钮组

    我在页面上有一个用于选择的按钮组 做出选择后 我希望按钮组仍然可见 以便用户可以看到他们所做的选择 但我不希望他们能够再使用它 有没有办法禁用按钮组 div class btn group vertical div
  • C++中的组合数(N选R)

    这里我尝试用C 编写一个程序来查找NCR 但我的结果有问题 这是不正确的 你能帮我找出程序中的错误吗 include
  • PostgreSQL:将非常大的数字的十六进制字符串转换为NUMERIC

    我正在尝试转换非常大的数字的十六进制字符串 到数字列 CREATE OR REPLACE FUNCTION hex to int hexval varchar RETURNS NUMERIC AS DECLARE result NUMERI
  • 使用 nls 在 R 中进行曲线拟合

    我正在尝试在以下数据 尾部 上拟合一条曲线 1 1 1 1 1 1 1 2 1 2 2 3 2 1 1 4 3 2 11 6 2 16 7 17 36 25 27 39 41 33 42 66 92 138 189 249 665 224
  • 检查会员/财产类型

    假设我有任何课程 比如这个 class SomeClass val aThing String val otherThing Double 然后我用反射来分析这个类的字段 for field in SomeClass declaredMem
  • 如何在 Node.JS 中限制(或排队)对外部进程的调用?

    Scenario 我有一个 Node JS 服务 使用编写ExpressJS 通过 DnD 接受图像上传 example 上传图像后 我对其执行一些操作 从中提取 EXIF 数据 调整大小 这些电话正在通过节点 imagemagick目前的
  • Chrome DevTools 扩展:如何从内容脚本中的元素面板中获取选定的元素?

    我已经完成了我的研究并为此苦苦挣扎了一段时间 但我需要你的帮助 我正在构建一个 Chrome DevTools 扩展 它应该传递 元素 面板中当前选定的元素作为参考到内容脚本中定义的 JS 对象 重要的是我要通过参考到选定的元素 或者从内容
  • 获取 64 位整数中的位位置数组

    好吧 这可能听起来有点复杂 但这就是我想要做的 以10101010101 并返回 0 2 4 6 8 10 包含所有已设置位的位置的数组 这是我的代码 UINT DQBitboard firstBit U64 bitboard static
  • jQuery:在模糊()事件之前触发单击()

    我有一个输入字段 我尝试在其中提出自动完成建议 代码看起来像
  • 如何在 Chrome 的弹出窗口上切换设备模式?

    我有一个网络应用程序 其中的聊天功能会在新的弹出窗口中打开 通常 在 Chrome 中我可以按 F12 并单击智能手机的图标来切换它 但在弹出的窗口中并没有出现该图标 这对我来说很重要 因为我需要限制弹出窗口的连接以模拟用户从聊天中断开连接
  • 如何在 GCC 中指定枚举大小?

    我想为枚举指定 64 位的枚举大小 这怎么可能通过 GCC 实现呢 该代码不需要 可移植 因为我只对使代码在 x86 32 和 x86 64 Linux 的 GCC 编译上工作感兴趣 这意味着任何可以提供我想要的功能的黑客都可以 只要它适用
  • 处理urllib2的超时? - Python

    我在 urllib2 的 urlopen 中使用超时参数 urllib2 urlopen http www example org timeout 1 我如何告诉Python 如果超时到期 应该引发自定义错误 有任何想法吗 您想要使用的情况
  • 为什么我的区域特定 Web API 可以从所有其他区域访问?

    我目前正在开发一个 ASP NET MVC 4 Web 应用程序项目 该项目必须遵守以下设计决策 主 MVC 应用程序位于解决方案的根目录中 所有管理员功能都位于单独的区域中 每个外部方 例如供应商 都有自己的区域 每个区域 包括根部 都构
  • 什么是 ruby​​ on Rails?

    我是一名前端开发人员 HTML CSS JS 和 jQuery 我了解一点 PHP 我正在尝试了解 Ruby Ruby on Rails 是什么 On http rubyonrails org 它说 Ruby on Rails 是一个开源
  • C++11 字符串开头的大小写不敏感比较(unicode)

    我必须检查特定字符串是否以另一个字符串开头 字符串使用 utf8 编码 比较应不区分大小写 我知道这与那个主题非常相似C 中不区分大小写的字符串比较但我不想使用 boost 库 我更喜欢便携式解决方案 如果 几乎 不可能 我更喜欢面向 Li
  • Angularjs 获取巨大 json 文件的请求

    我需要向用户显示数据库中的一些数据 数据位于 json 文件中 并且大小相当大 json 文件的大小大约在 15MB 左右 我创建了一个服务并使用 Promise api 发出成功的请求并加载数据并通过在 div 上执行 ng repeat