angular - 我正在尝试在自定义组件中使用超级选项卡，但内容不可见

Question

我想在自定义组件中使用超级选项卡，但选项卡的内容不可见。

这是代码：super-tabs.component.html：

<ion-header class="ion-no-border">
  <ion-toolbar color="primary">
     <ion-title>Super Tabs</ion-title>
  </ion-toolbar>
</ion-header>
<super-tabs>
  <super-tabs-toolbar slot="top" color="primary">
    <super-tab-button>
      <ion-icon name="home" color="light"></ion-icon>
      <ion-label>Home</ion-label>
    </super-tab-button>
    <super-tab-button>
      <ion-icon name="star" color="light"></ion-icon>
      <ion-label>Activity</ion-label>
    </super-tab-button>
    <super-tab-button>
      <ion-icon name="person" color="light"></ion-icon>
      <ion-label>Person</ion-label>
    </super-tab-button>
  </super-tabs-toolbar>
  <super-tabs-container>
    <super-tab>
      <ion-content>
        tab1
      </ion-content>
   </super-tab>
   <super-tab>
     <ion-content>
       tab2f
     </ion-content>
   </super-tab>
   <super-tab>
     <ion-content>
       tab3
     </ion-content>
   </super-tab>
 </super-tabs-container>
</super-tabs>

内容 tab1、tab2 和 tab3 不可见。