將圖像傳遞給Angular UI Bootstrap旋轉木馬

Question

我在項目中使用Angular UI Bootstrap旋轉木馬，我想將自己的圖像傳遞給此滑塊。這是我的旋轉木馬控制器代碼：

.controller('CarouselCtrl', function ($scope) { 
    $scope.myInterval = 2000; 
    var slides = $scope.slides = []; 
    $scope.addSlide = function() { 
    var newWidth = 1 + slides.length + 1; 
    slides.push({ 
     image: '../img' + newWidth, 
     text: ['More','Extra','Lots of','Surplus'][slides.length % 4] + ' ' + 
     ['Cats', 'Kittys', 'Felines', 'Cutes'][slides.length % 4] 
    }); 
    }; 
    for (var i=0; i<4; i++) { 
    $scope.addSlide(); 
    } 
}) 

我明白，一個新的數組被初始化和功能addSlide將每個圖像陣列並迭代throught該陣列;但是，我只是想將圖像的來源更改爲項目中的圖像文件夾，並且現在不工作，圖像不會顯示。 img文件夾是帶有Carousel控制器的.js文件上的一個文件夾。所以我會很高興的提示，謝謝！

Answer 1

如果您想要正確調用圖像，最好以/（而不是../）開頭，並瞭解它是從根網站目錄開始的。

所以正確的位置可能是：

slides.push({ 
    image: '/images/img' + newWidth, 
    text: ['More','Extra','Lots of','Surplus'][slides.length % 4] + ' ' + 
    ['Cats', 'Kittys', 'Felines', 'Cutes'][slides.length % 4] 
});