如何在同一页面上放置两个幻灯片？

Question

我想在同一页面中操作和操作两个滑块，我该怎么办？我可以为每个人设置一些身份证吗？

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的帮助下完成了工作。

这是：

  

同一页面上2个离子滑动盒的问题您需要使用   delegate-handle属性。

     

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

     

然后你就可以像这样引用幻灯片了

     

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