이온 슬라이드가 이온 내용물 안에 표시되지 않으며 div

Question

iOS 기본 앱 개발에서 새로운 Ionic 프레임 워크 (하이브리드 응용 프로그램 개발)에 익숙합니다. "Recent and All"과 같은 두 개의 버튼이있는 화면을 디자인해야합니다. "최근"을 클릭하면 최근 항목이 목록에 표시되고 "모두"를 클릭하면 목록의 모든 항목이 표시됩니다. "ion-slides"컨트롤을 사용하여 두 가지 다른 목록을 사용하려고합니다. html 페이지에서 "ion-view"이라는 이온 슬라이드를 구현했습니다.이 버튼은 두 버튼 (최근, 모든 버튼이 겹쳐져 있고 클릭 할 수 없음)과 겹치고 있습니다. "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> 

암 수 "Next (다음) 버튼을 클릭"하지만, 작업이 수행되지 않습니다.

.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 외부로 유지하십시오. 잘 작동합니다.