【问题标题】:HTML is loading faster than data in AngularJSHTML 的加载速度比 AngularJS 中的数据快
【发布时间】:2018-09-18 04:59:44
【问题描述】:

我在[AngularJS]1 中使用jQuery DataTables。在这个[Example]1 中,他正在加载硬编码数据,因此加载速度很快。但是,在我的情况下,我编写了服务,数据将在一段时间后加载。这意味着在加载 HTML 时。因此,最初它显示没有数据可用,一段时间后它显示整个 1000 条记录而不应用分页。有什么我弄乱了而不是为了避免快速加载 HTML 而不是服务?

【问题讨论】:

  • 你不应该自己混合使用 jQuery 和 AngularJS。一场竞赛正在进行,DT 和 Angular 试图更新 DOM 以相互竞争。您应该将 DT 包装到指令中以处理摘要循环等,或者使用 Angular DataTables l-lin.github.io/angular-datatables/archives/#!/welcome 已经完成。
  • 但是,它没有pdf按钮和可扩展表格等。
  • 是的,ADT 支持几乎所有的 DT 扩展。你只需要看看文档。
  • l-lin.github.io/angular-datatables/archives/#!/welcome 。这是文档权
  • ???它是文档的首页,是的。

标签: angularjs datatables


【解决方案1】:

<div ng-if="data && data.length">
    Your dataTable here
</div>

围绕您的数据表。变量data代表你表的dataSource。

或者将一个名为 loading 的变量设置为 true 并且有

<div ng-if="loading">
    ...loading or spinner gif
</div>
<div ng-if="!loading">
    Your dataTable here
</div>

并在数据加载时设置loading为false

【讨论】:

    猜你喜欢
    • 2020-05-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-05
    • 1970-01-01
    相关资源
    最近更新 更多