本地图像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'; 

如果是从个人页面，你是对的。

你为什么要使用 “NG-SRC”，而不是SRC，如果仅仅是一个形象，但使用这样的

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

$scope.imageName = image1;