Question

您好我正在使用https://github.com/saravmajestic/ionic/tree/master/tabbedSlideBox

它适用于可滚动选项卡，但我发现当我使用多个可滚动选项卡（超过4-5个选项卡）时，性能会大幅下降。这是因为它试图在开始时为所有选项卡幻灯片框创建视图内容。

我尝试使用30个可滚动标签，显示第一个标签大约需要3-4秒。

除了焦点中的选项卡之外，除了所有其他选项卡的幻灯片更改事件之前，延迟创建视图内容的方法是什么？这样，当用户点击选项卡时，聚焦选项卡可以加载更快，其他选项卡视图可以使用微调器显示。

Answer 1

我的离子滑动盒有类似的问题。当我有超过5-6张幻灯片时，性能急剧下降。我花了10多秒才加载幻灯片。

我的解决方案是在任何时候只构建3张幻灯片 - 当前幻灯片，下一张幻灯片和前一张幻灯片。

我用过这个伎俩：将幻灯片的内容包装在DIV中并添加ng-if like this

<ion-slide-box class="blackBg" on-slide-changed="slideChanged(index)" show-pager="false" active-slide="photoIndex">

        <ion-slide ng-repeat="photo in photos track by $index">

            <div ng-if="$index >= (photoIndex-1) && $index <= (photoIndex+1)">

                 // You slide content here...

            </div>

       </ion-slide>

</ion-slide-box>

如何使用tabbedslidebox获得更好的离子性能？

1 个答案: