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

Question

Onsen UI：v2.0.1

AngularJS：1.5.9

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

谢谢！

Answer 1

git for-each-ref组件为described in detail in the documentation。

使用AngularJS的ng-repeat子句可以轻松实现动态选项卡。如果您不想在开头加载每个标签的内容，则可以使用多个选项，例如ng-if或ng-include，以确保仅加载当前可见标签的内容。您可以访问并检查ons-lazy-repeat范围内可用的$index变量的可见性。

请参阅this post如何做到这一点。温泉提供了一个标签栏和标签组件，其工作方式与问题答案中的标签div相同。