【问题标题】:How to implement dynamic ons-tab with ons-lazy repeat如何使用 ons-lazy repeat 实现动态 ons-tab
【发布时间】:2016-10-19 12:52:00
【问题描述】:

温泉用户界面:v2.0.1

AngularJS:1.5.9

我正在构建一个需要动态选项卡 (ons-tab) 的 Android 和 IOS 应用程序,就像在本机应用程序中一样。每个选项卡中的内容最多可以有一百个项目。所以我想对 ons-tab 内容使用 ons-lazy-repeat 来最小化内存消耗。我如何使用 Onsen UI 实现这一点(动态选项卡和 ons-lazy-repeat )。我在网上搜索过,没有看到任何解决方案。

谢谢!

【问题讨论】:

    标签: angularjs onsen-ui2


    【解决方案1】:

    ons-lazy-repeat 组件是described in detail in the documentation

    使用 AngularJS 的 ng-repeat 子句可以轻松实现动态选项卡。如果您不想一开始就加载每个选项卡的内容,您有多个选项,例如ng-ifng-include,以确保仅加载当前可见选项卡的内容。您可以访问并检查$index 变量的可见性,该变量在ng-repeats 范围内可用。

    请参阅this post 如何做到这一点。 Onsen 提供了一个 tabbar 和 tab 组件,它们的工作方式与问题答案中的 tab div 相同。

    【讨论】:

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