Skip to main content
3 de 3
se añadieron 801 caracteres en el cuerpo
Cribelo
  • 436
  • 4
  • 19

Página cargada completamente en angularjs

Como puedo hacer lo siguiente.

Recibo un de una web api un json que son elementos que a su vez tiene un json que son imágenes.

A estos arrays los recorrido con ng-repeat y imprimó en la vista las imágenes. Luego al div que contiene estas imágenes necesito aplicar una función que lo "convierte" en carousel de imágenes.

El problema que al momento de aplicar esta función el ng-repeat no finalizó, entonces no funciona.

Necesito entonces ejecutar una función JavaScript que se ejecute al finalizar el ng-repeat o algún método en angularjs al estilo de $(document).ready de jQuery.

En el controller tengo

angular.element(document).ready(function () {
    for (var c = 0; c < $scope.listadoCampanias.Promociones.length; c++) {


        $("#slideshow-" + $scope.listadoCampanias[0].Promociones[c].IdPromocion+" > div:gt(0)").hide();
        setInterval(function () {
            $('#slideshow-' + $scope.listadoCampanias[0].Promociones[c].IdPromocion + ' > div:first')
                .css("display", "none")
                .next()
                .fadeIn(1000)
                .end()
                .appendTo('#slideshow-' + $scope.listadoCampanias[0].Promociones[c].IdPromocion);
        }, 3000);



    }
});

En la vista solo recorro $scope.listadoCampanias[0].Promociones eh imprimo las imagenes

Cribelo
  • 436
  • 4
  • 19