각도가 있는 이미지 가져오기 요청JS

각도가 있는 이미지 가져오기 요청JS

렌더링할 이미지의 소스 문자열을 HTML로 Angular에 저장합니다.단, 각도 컨트롤러가 초기화되기 전에 JS 컨트롤러는 404를 산출합니다.

HTML은 다음과 같습니다.

 <div ng-controller="Cont">
      <img src="{{imageSource}}">
 </div>

각도 컨트롤러:

 var Cont = function($scope) {
      $scope.imageSource = '/tests.png';
 }

또, 에러)가 표시됩니다).%7D%7D에 대응합니다.{{를 참조해 주세요).

 GET https://localhost:9000/%7B%7BimageSource%7D%7D 404 (Not Found) 

어떻게 하면 이런 일을 막을 수 있을까요?즉, Angular 컨트롤러가 초기화된 경우에만 이미지를 로드하시겠습니까?

상세한 것에 대하여는, 다음의 메뉴얼을 참조해 주세요.

src 속성에서 {{hash}}와 같은 각도 마크업을 사용하면 올바르게 작동하지 않습니다.브라우저는 Angular가 {{hash} 내의 식을 대체할 때까지 리터럴 텍스트 {{hash}}의 URL에서 가져옵니다.ngSrc 디렉티브는 이 문제를 해결합니다.

 <div ng-controller="Cont">
      <img ng-src="{{imageSource}}">
 </div>

스타일 배경 이미지를 검색하기 위해 솔루션을 검색하는 경우 다음과 같이 하십시오.

<div ng-style="{'background-image': 'url({{ image.source }})'}">...</div>

언급URL : https://stackoverflow.com/questions/12922509/image-get-requests-with-angularjs