angularjs - 如何使用 ons-lazy repeat 实现动态 ons-tab

Question

温泉用户界面：v2.0.1

AngularJS：1.5.9

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

谢谢！

Answer 1

该ons-lazy-repeat组件在文档中有详细描述。

ng-repeat使用AngularJS的子句可以很容易地实现动态选项卡。如果您不想一开始就加载每个选项卡的内容，您有多个选项，例如ng-iforng-include以确保仅加载当前可见选项卡的内容。您可以访问并检查s 范围内$index可用的变量的可见性以执行此操作。ng-repeat

请参阅这篇文章如何做到这一点。Onsen 提供了一个选项卡栏和选项卡组件，它们的工作方式与问题答案中的选项卡 div 相同。