Onsen UI: v2.0.1
AngularJS: 1.5.9
我正在构建一个Android和IOS应用程序,需要像在本机应用程序中一样的动态选项卡( in Tab)。每个选项卡中的内容最多可以包含100个项目。因此,我希望对ons tab内容使用ons-lazy-repeat,以最小化内存消耗。我该如何使用Onsen UI实现这一点(动态标签和ons lazy-repeat)?我已经在网上搜索过了,我找不到任何解决方案。
谢谢!
发布于 2016-10-19 13:24:53
ons-lazy-repeat
组件是described in detail in the documentation。
使用AngularJS的ng-repeat
子句可以很容易地实现动态选项卡。如果您不想在开始时加载每个选项卡的内容,您有多个选项,如ng-if
或ng-include
,以确保只加载当前可见选项卡的内容。您可以访问并检查ng-repeat
作用域中可用的$index
变量的可见性。
请参阅this post如何做到这一点。Onsen提供了一个标签栏和标签组件,它们的工作方式与问题答案中的标签div相同。
https://stackoverflow.com/questions/40131924
复制相似问题