如何在同一頁面上放置兩個滑動框？

Question

我想要在同一頁面中擁有並操縱兩個滑塊，我該怎麼做？我可以爲每個人設置一些ID嗎？

controllers.js

.controller('appCtrl', function($scope, $http, $ionicSlideBoxDelegate, methodsProvider, $ionicPopup) { 
    methodsProvider.getTemas().then(function(data) { 
     $scope.temas = data.temas[0].arquivosSinais; 
    }); 

    $scope.confirm = function(x) { 
     console.log($ionicSlideBoxDelegate.currentIndex()); 
    }; 

    $scope.previous = function() { 
     $ionicSlideBoxDelegate.previous(); 
    }; 

    $scope.next = function() { 
     $ionicSlideBoxDelegate.next(); 
    }; 

的index.html

<ion-slide-box> 
     <ion-slide ng-repeat="x in temas" ng-click="playVideo(x.arquivosSinalizacoes,x.id)"> 
       <img ng-src="{{x.imagemPreVisualizacao}}" alt="{{x.nome}}" /> 
     </ion-slide> 
</ion-slide-box> 
<!-- ---------------------------------------------------------------- --> 
<ion-slide-box> 
     <ion-slide ng-repeat="x in temas"> 
       <p> 
       {{x.nome}} 
      </p> 
     </ion-slide> 
</ion-slide-box> 

這裏的問題是，當我使用的第一張幻燈片盒，第二個被忽略，我失去它的值。我能做什麼？

Answer 1

我得到它的工作，從wedgybo的幫助。

這就是：

問題的同一頁，您需要做的使用 委託-handle屬性2離子滑框。

<ion-slide-box delegate-handle="slidebox1>

然後，你可以參考滑動盒，像這樣

$ionicSlideBoxDelegate.$getByHandle('slidebox1').next();