Я пытаюсь реализовать этот код по этой ссылке http://blog.hfarazm.com/angularjs-routeparams/
Но у меня проблема с отображаемым изображением на моем слайдере
Это мой контроллер
.controller('HomeController',['dataProvider','$scope','$location', '$modal', '$log', 'authService', '$http',
function(dataProvider, $scope, $location,$modal, $log, authService, $http){
$http.get('/data/data-slider.json').success (function(data){
$scope.imagesliderVariable = data;
$scope.orderGuitar = 'price';
});
}]);
Это мое мнение
<carousel>
<slide ng-repeat="slide in imagesliderVariable" active="slide.active" index="$index">
<img ng-src="/uploads/home/{{slide.image}}.jpg" style="margin:auto;">
<div class="carousel-caption">
<h4>Slide </h4>
<p></p>
</div>
</slide>
</carousel>
В подсказке мое приложение не показывало ошибку, но изображение не может показать, так что же мой код проблемы? Прежде всего я говорю спасибо вам.
Попробуйте использовать then
:
.controller('HomeController',['dataProvider','$scope','$location', '$modal', '$log', 'authService', '$http',
function(dataProvider, $scope, $location,$modal, $log, authService, $http){
$scope.imagesliderVariable = [];
$http.get('/data/data-slider.json').then(function(data){
$scope.imagesliderVariable = data;
$scope.orderGuitar = 'price';
});
}]);
data
?