NetBeans는 내가 <code>App/img/blue.jpg</code>를 참조하는 필드가 복잡한 개체를 포함하는 컨트롤러를 가지고, 내 프로젝트에서

Question

이 App라는 응용 프로그램의 루트 폴더 아래에 파일을 찾습니다 이 :

나는 또한 img/blue.jpg와 ~/img/blue.jpg에 image 필드를 변경 시도

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

, 아무도는 작동하지 않습니다. 나는 웹 링크에 image을 변경하면,하지만,이 같은 각도 마크 업을 사용하여

Answer 1

는 답을 발견. 창의 왼쪽에있는 프로젝트 패널에서 파일 탭을 클릭하고 파일을 src="" 속성의 인용 부호 사이에있는 편집 영역으로 끕니다. img 태그는 다음과 같습니다 :보기

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

그리고에 :

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

그래서 컨트롤러에서 개체가 같아야합니다

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

Answer 2

Read the documentation here.

작동 {{해시}}는 src 속성에서 작동하지 않습니다 오른쪽 : 브라우저에서 가져옵니다 리터럴 텍스트가있는 URL {{hash}}는 {{hash}} 내의 표현식을 대체합니다. ngSrc 지시어는이 문제를 해결합니다.

버그 방법을 쓰기 :

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

올바른 방법을 쓰기 :

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