ionic2 - 在同一页面问题上具有不同效果的离子多个离子幻灯片

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>