如何在安卓手机上使用AngularJS中的img ng src

Question

最相关的问答；我从谷歌小组中找到了一个，我已经阅读了ngSrc的AngularJS文档。

我正在尝试在我的应用程序中使用Angular UI Bootstrap-Carousel，我注意到这个演示使用了绝对URL作为幻灯片：image: 'http://placekitten.com/' + newWidth + '/300'。

它在我的localhost(mac(上工作，但我不认为图像(幻灯片(会显示在我的android谷歌nexus手机上，因为我只使用这样的相对图像路径：image: '/images/help/hello-1.jpg'。

在android手机上没有http://的情况下，如何使用带有ng-src指令的相对图像路径 使用$location(从这个问题来看(是一个可能的解决方案吗

我的html:

<div ng-controller="helloCtrl" class="slide-container">
  <div>
    <carousel interval="myInterval">
      <slide ng-repeat="slide in slides" active="slide.active">
        <img ng-src="{{slide.image}}" style="margin:auto;">
        <div class="carousel-caption">
          <h3>{{slide.headline}}</h3>
          <p>{{slide.text}}</p>
          <a ng-href="mailto:[e-mail]?subject=help-enquiry" class="menu_button"><p>Contact Us</p></a>
        </div>
      </slide>
    </carousel>
  </div>
</div>

my-js:

'use strict';
var app = angular.module('helloApp');
app.controller('helloCtrl', function ($scope) {
  $scope.slides = [
    {
      image: '/images/hello-1.jpg',
      headline: 'Help1',
      text: 'Lorem ipsum dolor sit amet, consectetur adipisic.'
    },
    {
      image: '/images/hello-2.jpg',
      headline: 'Help2',
      text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.'
    }
  ];
});

Answer 1

由于某些原因，我无法在js中使用具有多个目录的文件路径，如image: '/images/hello-1.jpg'。

新html:

...
<img ng-src="images/{{slide.image}}" style="margin:auto;">
...

新js:

...
    {
      image: 'hello-1.jpg',
      ...
    },
    {
      image: 'hello-2.jpg',
      ...
    }
  ...