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