2016-09-23 7 views
0

同じページで2つのスライダを使いたいのですが、どうすればいいですか?それぞれのIDを設定できますか?同じページに2つのスライドボックスを置くにはどうしたらいいですか?

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> 

ここでの問題は、私は二番目は無視される最初のスライド・ボックスを使用して、私は失うとき、それはだということです値。私に何ができる?

答えて

0

wedgyboの助けを借りて私はそれを動作させました。

ここにある:あなたが デリゲートハンドル属性の使用をする必要がある同じページに2イオンスライドボックスで

問題。

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

次に、あなたはとても

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

のようなスライドボックスを参照することができます
関連する問題