동적 SRC 필드는 나는 다음과 같은 HTML 코드와 구성 요소를 dart2js와 404 dartium

Question

에서 취소 GET를 만듭니다

<div class="media productCard" ng-click="prod.handleClick()"> 
    <img class="media__img" 
     src="{{prod.getStatusImageUrl()}}" 
     title="{{prod.getStatusText()}}" /> 
    <div class="media__body"> 
     <h3>{{prod.product.name}}</h3> 
     <p>{{prod.getBrand()}}</p> 
     <p>{{prod.product.notes}}</p> 
     <p>source: {{prod.product.source}}</p> 
    </div> 
</div> 

의 src 필드가 트리거되고 브라우저가 "/ 자극에 대한 요청을 발사한다 .getStatusImageUrl() "404 오류가 발생합니다. 브라우저에서 GET 요청을 만들기 전에 src 필드를 평가하고 싶습니다.

Dartium은이 GET 요청을 취소하지만 표준 JS 브라우저는 요청을 완료하고 결과는 404입니다. 그러나 모든 브라우저가 두 번째 요청을 생성하는 것처럼 보이기 때문에 이미지가 올바르게 렌더링됩니다. 한 번 angulardart가 그것의 마술을하면 추정하십시오.

나는 클로킹을 시도했지만이 역시 도움이되지 않습니다.

Answer 1

브라우저가 즉시 '{{something}}'URL '로드를 시작하기 때문에 src 속성의 데이터 바인딩이 작동하지 않습니다.

Angular는 해결 방법으로`ng-src = "{{something}}"을 제공합니다.

https://docs.angularjs.org/api/ng/directive/ngSrc List of AngularDart directives?