Question

我在项目中使用Angular UI Bootstrap轮播，我想将自己的图像传递给此滑块。这是我的Carousel控制器代码：

.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将每个图像添加到数组中并遍历此数组;但是，我只想将图像的原点更改为项目中的图像文件夹，并且现在不能正常工作，图像不会显示。 img文件夹是带有Carousel Controller的.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]
});

将图像传递给Angular UI Bootstrap Carousel

1 个答案: