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, и попробовал предложения, но результата нет.

Answer 1

Вы должны изменить свой адрес, по отношению к файлу index.html

Так что я полагаю app/views/images/image1.jpg

Answer 2

это выглядеть как неправильный путь от контроллера путь отличается:

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

если это была страница с человека, вы были правы.

почему вы используете «нг-Src», а не исходные тексты, если есть только один образ, но использовать как этот

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

$scope.imageName = image1;