0

こんにちは、私はhttps://github.com/saravmajestic/ionic/tree/master/tabbedSlideBoxを使用しています

スクロール可能なタブではうまく機能しますが、スクロール可能なタブをいくつか (4 ～ 5 個以上) 使用すると、パフォーマンスが大幅に低下することがわかりました。これは、最初にすべてのタブ スライド ボックスのビュー コンテンツを作成しようとしているためです。

30 個のスクロール可能なタブで使用しようとしましたが、最初のタブを表示するのに約 3 ～ 4 秒かかります。

フォーカスされているタブを除く他のすべてのタブのスライド変更イベントまで、ビュー コンテンツの作成を遅らせる方法は何でしょうか? こうすることで、フォーカスされたタブの読み込みが速くなり、ユーザーがタブをタップしたときに他のタブ ビューをスピナーで表示できます。

4

1 に答える 1

0

イオンスライドボックスでも同様の問題がありました。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 に答える