поместите данные из моего файла json в карусель ui-bootstrap - PullRequest
Новая
       39

поместите данные из моего файла json в карусель ui-bootstrap

0 голосов
/ 12 ноября 2018

Я хочу, чтобы мои файлы http json были помещены в slides.push (). поэтому здесь я использовал ui.bootstrap.carousel, и я хочу установить изображение в моем html.

Так как я могу это сделать. Кто-нибудь может мне помочь? 

.controller('dashboardCtrl', ['$scope', '$http', '$location','$timeout', function ($scope, $http, $location, $timeout) {
        $http.get('json/login.json').success(function (data) {
          $scope.info = data.profile[0];
          $scope.pic = data.offers[0];
          console.log($scope.pic);
        })

        $scope.myInterval = 500;
        $scope.noWrapSlides = false;
        $scope.active = 0;
        var slides = $scope.slides = [];
        var currIndex = 0;

        $scope.addSlide = function() {
          // var newWidth = 600 + slides.length + 1;
          slides.push({
            image: '../image/slide1.png',
            id: currIndex++
          },
          {
            image: '../image/slide2.png',
            id: currIndex++
          },
          {
            image: '../image/slide3.png',

            id: currIndex++
          }

          );

        };

1 Ответ

0 голосов
/ 12 ноября 2018

Просто установите slides.push на $http.get функцию, как здесь: 

$scope.get = function() {
        $http({
                method: 'GET',
                url: 'json.json'
            })
                .then(function successCallback(data){
                    $scope.img = data.data;
                       slides.push({
                        image: $scope.img[0].url,
                        id: currIndex++
                      });
                }, function errorCallback(response){
                    console.log(response);
                    console.log('error');
                });
      }

Также вы можете добавить все url из json.json через какое-то loop. В моем коде я сначала нажимаю url из json. Вот плункер: http://plnkr.co/edit/27RvnjGCT5i0MCNooZeB?p=preview

...