0

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

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

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

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

4

1 回答 1

0

我对 ion-slide-box 也有类似的问题。当我有超过 5-6 张幻灯片时，性能急剧下降。我花了超过 10 秒的时间来加载一张幻灯片。

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

我使用了这个技巧：将幻灯片的内容包装在 DIV 中并像这样添加 ng-if

<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>
于 2015-12-04T14:11:38.757 回答