soy nueva en angular js,y me ha surgido un problema al intentar crear un slider de imagenes. Me sucede lo siguiente: Cuando tengo un array "definido e inicializado" por default, el efecto del slider trabaja bien, pero cuando quiero inicializarlo a partir de la respuesta de una petición a una api, deja de funcionar, aquí el código html:
<div class="col-sm-5" >
<div class="product-images" >
<ul class="dot" ng-repeat="slide in slides2 track by slide.image">
<div class="image-imitation" >
<CENTER>
<img class="text-center" class="img-responsive" alt="" err-src="<?php echo $UrlrepositorioImagenes; ?>NO-DISPONIBLE.JPG" ng-src="{{slide.image}}" isImage width="60%" />
</CENTER>
</div>
</ul>
</div>
</div>
Código js funcionando:
$scope.slides2 = [
{image: $UrlrepositorioImagenes+Url.replace(/^\s+|\s+$/g, "")+'.JPG'},
{image: $UrlrepositorioImagenes+Url.replace(/^\s+|\s+$/g, "")+'-PO-2.JPG'},
{image: $UrlrepositorioImagenes+Url.replace(/^\s+|\s+$/g, "")+'-PO-3.JPG'},
{image: $UrlrepositorioImagenes+Url.replace(/^\s+|\s+$/g, "")+'-PO-4.JPG'},
{image: $UrlrepositorioImagenes+Url.replace(/^\s+|\s+$/g, "")+'-PO-5.JPG'},
{image: $UrlrepositorioImagenes+Url.replace(/^\s+|\s+$/g, "")+'-PO-6.JPG'}
];
$http({
method: "POST",
url: 'http://GetArticuloDet', // link UserLogin with HomeController
data: Object.toparams(myobject),
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
})
.then(function (response){
$scope.dataArray = response.data;
},function (error){
console.log(error, 'no se puede consumir datos');
});
Código js no funcional :
$http({
method: "POST",
url: 'http://www.ecodeli.mx/ApiRest/APIPaginaWeb/v1/PaginaEcodeli/GetArticuloDet', // link UserLogin with HomeController
data: Object.toparams(myobject),
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
})
.then(function (response){
$scope.dataArray = response.data;
$scope.slides2 = [
{image: $UrlrepositorioImagenes+Url.replace(/^\s+|\s+$/g, "")+'.JPG'},
{image: $UrlrepositorioImagenes+Url.replace(/^\s+|\s+$/g, "")+'-PO-2.JPG'},
{image: $UrlrepositorioImagenes+Url.replace(/^\s+|\s+$/g, "")+'-PO-3.JPG'},
{image: $UrlrepositorioImagenes+Url.replace(/^\s+|\s+$/g, "")+'-PO-4.JPG'},
{image: $UrlrepositorioImagenes+Url.replace(/^\s+|\s+$/g, "")+'-PO-5.JPG'},
{image: $UrlrepositorioImagenes+Url.replace(/^\s+|\s+$/g, "")+'-PO-6.JPG'}
];
},function (error){
console.log(error, 'no se puede consumir datos');
});
Espero puedan apoyarme con esta duda, ya que he buscado y probado soluciones pero ninguna me ha funcionado. Saludos!