angular - イオン スライド内で Ionic スーパー タブを使用する

Question

angular 12 と ionic 5 を使用しており、2 ページをスワイプ可能な合成ビューを作成しようとしています。最初のビューでは、下部にスーパー タブ セクションがあります。

すべてのページを 1 つのイオン スライド内に配置して、ページをスワイプできるようにしましたが、そうすると、スーパー タブ セクションが見えなくなります。どうしたの？

<ion-content class="ion-padding">
  <ion-slides #mySlider>
    <ion-slide>

      (...Not relevant content...)

      <super-tabs>
        <super-tabs-toolbar scrollable slot="top" scrollablePadding="false">
          <super-tab-button>
            <ion-label>Tab1</ion-label>
          </super-tab-button>
          <super-tab-button>
            <ion-label>Tab2</ion-label>
          </super-tab-button>
        </super-tabs-toolbar>
        <super-tabs-container swipeEnabled="true">
          <super-tab>
            <ion-content>
              Tab #1
            </ion-content>
          </super-tab>
          <super-tab>
            <ion-content>
              Tab #2
            </ion-content>
          </super-tab>
        </super-tabs-container>
      </super-tabs>
    </ion-slide>
    <ion-slide>
      PAGE 2 (hidden until I swipe)
    </ion-slide>
  </ion-slides>
</ion-content>

「関連のないコンテンツ」としてマークしたものは表示されたままですが、スーパー タブは消えます