동적 인 img src로 각도에서 지연로드를 구현하는 방법

Question

이것을 알아내는 데 도움이 필요합니다. 동적 src로 앱에 여러 이미지를로드하므로 기본적으로 소스를 미리 설정할 수 없습니다. 특정 매개 변수에 의존하기 때문입니다. like :

<img src="assets/images/{{tile.name | sanitiseString}}.jpg"> 

많은 지연로드 플러그 인을 시도했지만 이러한 상황에서는 작동하지 않습니다.

어떻게 해결할 수 있습니까?

대단히 감사합니다.

Answer 1

난 당신이 겨-SRC됩니다

이 예

<img ng-src="http://www.gravatar.com/avatar/{{hash}}" alt="Description" /> 

입니다 그리고 이것은 AngularJs

Answer 2

나는 코드가 잘 작동합니다 생각하는 공식 문서입니다 필요 생각합니다. tile.name으로 시도하고 필터를 제거하면됩니다. 다음은 "타일"변수를 가정 한 예는 HTTP 호출

<img src="{{imgPath}}"> 

$http.get('https://jsonplaceholder.typicode.com/photos/1') 
    .then(function(response){ 

    $scope.imgPath = response.data.url; 
    }) 

으로부터 채워지이다 AngularJS와 유지 다시 실행 (각도 내의) 모든 보간 값을 할당되도록 다이제스트 사이클.