イオンスライドがイオンの内容とdivの内部に表示されない

Question

iOSネイティブアプリ開発のIonicフレームワーク（ハイブリッドアプリケーション開発）の新機能です。私は "Recent and All"のような2つのボタンを持つべきであるスクリーンを設計しなければなりません。 「最近」をクリックすると最近のアイテムがリストに表示され、「すべて」をクリックするとリストにすべてのアイテムが表示されます。 "ion-slides"コントロールを使用して、2つの異なるリストを使用しようとしています。 私は、 "ion-view"のhtmlページにイオンスライドを実装しました。これは2つのボタンに重なっています（最近、すべてのボタンは重なり、クリックできません）。 "ion-slides" in "ion-content" or "div", the slides are not in visible"を追加した場合、また、 "最近"ボタンをクリックして最初のスライドを表示する必要がある場合は、ボタンの操作に基づいてスライドを変更する必要がありますが、 "ionicSlideBoxDelegate"を実装しています。私はあなたが助けてくださいことはできますか？この問題を解決することができますか？ログを参照してください

<ion-view view-title="Slide Box" ng-controller='homeViewController'> 
    <ion-content> 
     <div> 
      <button ng-click="nextSlide()">Recent</button> 
      <button ng-click="previousSlide()">All</button> 
     </div> 
     <div class="slide-wrapper1"> 
      <ion-slides pager="false" options="sliderOptions"> 
       <ion-slide-page> 
        <ion-content> 
         <h1>First Slide</h1> 
        </ion-content> 
       </ion-slide-page> 
       <ion-slide-page> 
        <ion-content> 
         <h1>Second Slide</h1> 
        </ion-content> 
       </ion-slide-page> 
      </ion-slides> 
     </div> 
    </ion-content> 
</ion-view> 

アムことができ、「次へ]ボタンをクリック」しかし、アクションが実行されていません。

.controller('homeViewController', function($scope, $ionicSlideBoxDelegate) { 

    $scope.nextSlide = function() { 
    console.log("Next Button clicked", $ionicSlideBoxDelegate); 
    $ionicSlideBoxDelegate.next(); 
    //$ionicSlideBoxDelegate.$getByHandle('burgers').next(); 
    } 

    $scope.sliderOptions = { 
     effect: 'slide', 
     pagination: false, 
     initialSlide: 0 
    } 

}) 

感謝を事前に。

Answer 1

div内では機能しません。divの外に置いてくださいうまく動作します。