【问题标题】:Angular-loading-bar show progress for ng-repeatAngular-loading-bar 显示 ng-repeat 的进度
【发布时间】:2016-08-23 09:31:22
【问题描述】:

我正在使用https://github.com/chieffancypants/angular-loading-bar

是否可以使用 angular-loading-bar 来显示 ng-repeat 动作(表格)的角度进度。

加载数据在一秒内,条形图只显示1秒(或停在1秒),在表格中显示数据最多需要10秒(不能使用limitTo)。

是否可以使用 angular-loading-bar 进行 ng-repeat 或 Angular 特定处理的进度?

我尝试将 ng-init="$first ? cfpLoadingBar.start() : ($last ? cfpLoadingBar.complete() : cfpLoadingBar.inxc()) 与 ng-repeat 一起使用,但没有进行视觉更新。

当角度被“锁定”运行 ng-repeat 时是否有可能产生视觉响应?

【问题讨论】:

    标签: angularjs


    【解决方案1】:

    也许这应该是一个评论,但它不适合......

    不,因为正如您所说,Angular 被“锁定”了,所以浏览器在处理过程中不会渲染 DOM。事实上,整个浏览器选项卡似乎都会冻结。因为这通常是一种糟糕的用户体验,我建议首先调查一下为什么您的 ng-repeat 如此缓慢。

    【讨论】:

    • 我使用角度数据表,特别是在 >1000 数组上搜索可能性。我有跟踪和一次性绑定。我已经固定了行宽,所以尝试了 table-layout: fixed,但没有看到任何改进。上面评论过,我看到表格被 ng-repeat 渲染/遍历了两次,知道吗?
    • 也许 1000 行表实在是太多了。 ngRepeat 完成后性能好吗?你有没有分析一下为什么它仍然很慢?您可以考虑使用虚拟滚动技术。
    • 使用 ui-select 滚动它,但同时过滤和滚动时发现了奇怪的问题。我使用带有过滤功能的 anguar-datatables,因此数据应该立即可用。谢谢你的提示。
    • 仍然希望得到一些提示,以摆脱在 ng-repeat 期间停止的进度条。
    猜你喜欢
    • 2017-04-15
    • 2016-11-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多