Ionischen dia-box funktioniert nicht mit ng-repeat

brauche ich die Verwendung einer Ionischen dia-box, um zu zeigen, einige Bilder in meine Anwendung. Ich verwendet Ionischen dia-box scheint es nicht zu funktionieren mit ng-repeat.

dies ist mein html-Teil

<ion-view title="Promotions" ng-controller="PromotionsCtrl">


     <ion-content  class="has-header" scroll="true" padding="true">
        <ion-slide-box>

                <ion-slide ng-repeat="obj in promotions">
                        <img ng-src= {{obj.img}}> 

                </ion-slide>

         </ion-slide-box>
    </ion-content>
</ion-view>

mein controller

.controller('PromotionsCtrl', function($scope, $http, $window, $ionicSlideBoxDelegate,$interval) {





            $http.get(  'http://******.com/B*****/service2.php?q=promotions', { cache: true})
            .then(function(res){

                  $scope.promotions = res.data['top'];


                  $ionicSlideBoxDelegate.update();
                  });
                  })
InformationsquelleAutor CraZyDroiD | 2015-01-22
  1. 7

    Verwenden Sie die update() wenn Sie mit der ng-repeat mit slideboxes.

    Siehe hier:

    http://ionicframework.com/docs/api/service/%24ionicSlideBoxDelegate/

    • ja, in der Tat, $ionicSlideBoxDelegate.update(); kann verwendet werden, nachdem Sie das abrufen der Daten für ng-repeat.
    InformationsquelleAutor Subjective Effect
  2. 0

    Neuere version .rc4 von Ionischen updates die slide box auf seine eigene. Versuchen Sie die Aktualisierung Ihrer Ionischen Lib.

    • Können Sie näher erläutern, wie Sie aktualisieren Sie die Bibliothek bitte?
    • npm install -g ionic tun sollte.
    • man müsste die Versionsnummer ändern in bower.json Datei, und läuft bower install wieder.
    InformationsquelleAutor Karan Kumar
  3. 0

    Dies ist mein Beispiel,die Folie funktioniert,aber wenn die Stellvertretung-handler aktualisiert,die parameter des "nicht-contunue" nicht arbeiten kann,ich bin Noch auf der Suche nach einer Lösung...

    html:

    <ion-slide-box on-slide-changed="slideHasChanged($index)" does-continue="true" auto-play="true" delegate-handle="image-viewer" style="height:30%;">
        <ion-slide ng-repeat="slide in slideList">
            <div class="box" style="background-image: url('{{slide.url}}');background-size:100% 100%;></div>
    </ion-slide-box>

    controller:

    angular.module("myApp.controllers", ["myApp.services"])
.controller("myController", function ($scope, $ionicSlideBoxDelegate, myService,$timeout) {
    $timeout(function(){
        var slideList = myService.getSlides();
        $scope.slideList = slideList;
        $ionicSlideBoxDelegate.$getByHandle('image-viewer').update();
    },2000)
})

    service:

    angular.module("myApp.services", [])
.factory("myService", function () {
    return{
        getSlides: function () {
            var slideList = new Array();
            slideList.push("imgs/a.jpg");
            slideList.push("imgs/b.jpg");
            slideList.push("imgs/c.jpg");
            return slideList;
        }
    }
})
    InformationsquelleAutor L.yCrazy
  4. 0

    Als @Karan sagte, die update Anruf von selbst. Aber es gibt noch einige Probleme. Wie bereits in der Problem, können Sie den Schieberegler deaktivieren, wenn die Daten nicht bereit. Dann wird alles in Ordnung sein.

    InformationsquelleAutor Mavlarn
Schreibe einen Kommentar