ng-src用于本地图像

Question

我有一个AngularJS项目，我正在尝试显示本地文件夹中的图像。 我的文件夹层次结构如下：

--app(folder)
-----controllers(folder)
-----services(folder)
-----views(folder)
--------images(folder)
-----------image1.jpg
-----------image2.jpg
-----------image3.jpg
--------persons.html
--------departments.html
--index.html

我在personsController.js中的图片地址：

$scope.fooImageAddress='images/image1.jpg';

和person.html：

<img ng-src="{{ fooImageAddress}}" alt="here should be an image"/>

如果alt只显示img消息，则不显示任何内容。 我该怎么办？

我已阅读this个问题，this和this，并尝试过建议，但没有结果。

Answer 1

您必须相对于index.html文件更改地址

所以我想app/views/images/image1.jpg

Answer 2

从路径不同的控制器看起来是错误的路径：

$scope.fooImageAddress='../views/images/image1.jpg';

如果是来自个人页面，那你就是对。

你为什么要使用＆＃34; ng-src＆＃34;而不是src，如果只有一个图像，但使用像

<img ng-src="{{'images/'+imageName+'.jpg'}}" alt="here should be an image"/>

$scope.imageName = image1;