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