イオンメニューでのイオンスライドの実装が機能しない

Question

Ionic-3のサイドメニューに「スライド画像」を実装しようとしています。続き

は私のコードです：

<ion-menu [content]="content"> 
    <ion-content> 
     <ion-slides> 
      <ion-slide> 
       <img class="slide-image" src="img1.png"> 
      </ion-slide> 
      <ion-slide> 
       <img class="slide-image" src="img2.png"> 
      </ion-slide> 
      <ion-slide> 
       <img class="slide-image" src="img3.png"> 
      </ion-slide> 
     </ion-slides> 

     <ion-list> 
      <p>some menu items</p> 
     </ion-list> 
    </ion-content> 
</ion-menu> 

<ion-nav [root]="rootPage" #content></ion-nav> 

要素が適切にレンダリングされているが、問題は<ion-slide>はサイドメニューで水平スクロールビューのように動作していることです。

私はサイドメニューのスワイプジェスチャーを無効にしようとしましたが、依然として<ion-slide>の動作は持続します。

私はslideNextとslidePrevの方法をSlidesの方法で使用しようとしましたが、動作しません。

Ionic-3またはサードパーティのライブラリを使用してサイドメニューにスライディングイメージを実装する方法はありますか？

Answer 1

メニューのイオンスライドを確認すると、これらの動作はサイドメニューでは正常です。見てくださいthisリンク。これらのスライドは、異なる色の背景を持つスライドのみです。

実装はの一部である：

@App({ 
    template: ` 
    <ion-menu [content]="content"> 

     <ion-toolbar> 
     <ion-title>Pages</ion-title> 
     </ion-toolbar> 

     <ion-content> 
     <ion-slides pager> 

      <ion-slide style="background-color: green"> 
      <h2>Slide 1</h2> 
      </ion-slide> 

      <ion-slide style="background-color: blue"> 
      <h2>Slide 2</h2> 
      </ion-slide> 

      <ion-slide style="background-color: red"> 
      <h2>Slide 3</h2> 
      </ion-slide> 

     </ion-slides> 
     </ion-content> 

    </ion-menu> 

    <ion-nav id="nav" [root]="rootPage" #content swipeBackEnabled="false"></ion-nav> 

    ` 
})