离子多重离子载玻片对同一页面问题有不同的影响

Question

我有第一个带有效果立方体的离子幻灯片。 当我尝试添加第二个离子幻灯片时，屏幕是空白的。 任何帮助将不胜感激。

我的代码是以下。

<div class="body-content">
    <ion-slides [effect]='type' [pager]='showPager' *ngIf="employees" class="main-emp-slide" (ionSlideDidChange)="slideChanged()">

      <ion-slide class="ion-slide-main" *ngFor="let employee of employees">
        <table class="employer-details">
          <tr>
            <td>
              <div class="prev-emp"> <button (click)="goToPreviousSlide()"> <ion-icon class="icon-size" name="ios-arrow-back"></ion-icon></button></div>
            </td>
            <td>
              <div class="counter-text">{{pager.currentPage}} out of {{pager.totalPages}} employees</div>
            </td>
            <td>
              <div class="next-emp"> <button (click)="goToNextSlide()"> <ion-icon class="icon-size" name="ios-arrow-forward"></ion-icon></button></div>
            </td>
          </tr>
          <tr>
          <tr>
            <ion-slides pager>
              <ion-slide>
                <h1>slide 1</h1>
              <ion-slide>
              <ion-slide>
                <h1>slide 2</h1>
              <ion-slide>
           </ion-slides>
          </tr>
         </table>
        </ion-slide>
       </ion-slides>
</div>