NetBeans найти файл в корневой папке приложения

Question

В моем проекте под названием App, у меня есть контроллер, который содержит сложный объект, который имеет поле ссылающегося App/img/blue.jpg:

myApp.controller("myController",function($scope){ 
    $scope.message = "Home Page"; 
    $scope.Photo1 = { 
     name: "blue_bird", 
     image:"/img/blue.jpg" 
    }; 
}); 

Однако изображение не загружается, когда я делаю это:

<img src="{{Photo1.image}}" /> 

Я также попытался изменить image поле для img/blue.jpg и ~/img/blue.jpg, никто не работает. Когда я изменяю image на веб-ссылку, хотя, это работает

Answer 1

Найдено ответ. На панели «Проекты» в левой части окна перейдите на вкладку «Файлы», перетащите файл в область редактирования, прямо между кавычками атрибута src="". img тег будет выглядеть следующим образом:

<img src="../img/blue.jpg" alt="" /> 

Таким образом, объект в контроллере должен выглядеть следующим образом:

$scope.Photo1 = { 
     name: "blue_bird", 
     image:"../img/blue.jpg" 
    }; 

А Вид:

<img ng-src="{{Photo1.image}}"/> 

Answer 2

Read the documentation here.

Используя угловую разметку, как {{}} хэш в атрибуте SRC не работает право: Браузер будет получать от URL с буквальным текстом {{hash}}, пока Angular не заменит выражение внутри {{hash}}. Директива ngSrc решает эту проблему.

Багги способ написать это:

<img src="{{Photo1.image}}"/> 

Правильный способ написать это:

<img ng-src="{{Photo1.image}}"/>