2016-06-29 8 views
0

App라는 응용 프로그램의 루트 폴더 아래에 파일을 찾습니다 이 :NetBeans는 내가 <code>App/img/blue.jpg</code>를 참조하는 필드가 복잡한 개체를 포함하는 컨트롤러를 가지고, 내 프로젝트에서

나는 또한 img/blue.jpg~/img/blue.jpgimage 필드를 변경 시도
<img src="{{Photo1.image}}" /> 

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

+0

첫째 : 사용'NG-src'을 ; 초 : $ scope.Photo1 이미지 속성 –

+0

'./img/blue.jpg'에서'./img/blue.jpg'을 시도해보십시오.'./img/blue.jpg /'도 않습니다. –

답변

0

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

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

그리고에 :

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

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

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

Read the documentation here.

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

버그 방법을 쓰기 :

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

올바른 방법을 쓰기 :

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

고맙습니다 귀하의 팁 그러나'Photo1.image' 여전히 이미지를 찾을 수 없습니다 –

+0

@Dylan 그냥 디버그의 관점에서 귀하의 URL을 하드 코드하십시오 ''. 이미지가 현재 표시됩니까? –