2016-10-13 3 views
0
를 도시

AngularJS와 함께 내 DOM은 다음 요소 ...동적 파일명 JSHint 오류

<img class="optional" src="assets/img/{{ctrl.optional}}.png" ng-click="ctrl.clickOptional()"> 

페이지가 로딩 될 때 이미지가 동적으로 생성되고있다. 이 이미지를 클릭하면 내 컨트롤러의 clickOptional() 함수가 이미지를 완벽하게 변경합니다.

http://localhost:8787/public/assets/img/%7B%7Bbctrl.optional%7D%7D.png Failed to load resource: the server responded with a status of 404 (Not Found) 

나는 DOM 구조가 이전에 AngularJS와로드 할보다 선택되어 있기 때문에이 문제가 발생할 알고 브라우저 내 페이지를로드

문제는이 콘솔은 다음과 같은 오류를 표시합니다.

해결할 수있는 해결 방법이 있습니까? 가장 좋은 방법은 무엇입니까?

+1

SRC 대신 NG-SRC를 사용해보십시오 – Gabs00

답변

2

브라우저가 "% 7B % 7Bbctrl.optional % 7D % 7D"부분이있는 원시 URL을 "볼 수"있기 때문에 문제가 발생했습니다. 당신처럼, 대신 SRC의 NG-SRC을 넣어이 문제를 해결할 수 있습니다 여기에

<img ng-src="assets/img/{{ctrl.optional}}.png"> 

https://docs.angularjs.org/api/ng/directive/ngSrc