이미지를 비동기 적으로로드 중

Question

주어진 옵션을 선택했을 때로드해야하는 이미지 파일이 여러 개 있습니다. 기본적으로 이미지가 이미로드되어 있습니다.

옵션을 선택하면 이미지가 완전히로드 된 경우에만 이미지를 변경하려고합니다.

다음과 같이 내가 $http.get 요청을하고있는 중이 야,이 작업을 수행하려면 데이터가로드 된

$http.get('/public/images/city/amsterdam.jpg').success(function (data, status, headers, config) { 
    // data loaded 
}); 

되면, 나는 <img> 또는 background-image으로 지정하고자합니다. angularjs 또는 javascript를 사용하여 이것을 어떻게 할 수 있습니까?

Answer 1

당신이 그것을 할 수있는 이상한 방법처럼 보인다 자바 스크립트 image object

var myImage = new Image(); 
myImage.onLoad = function(){ 
    // data loaded 
    // do stuff here, then apply so angular knows. 
    $scope.$apply(); 
}; 
myImage.src = '/public/images/city/amsterdam.jpg';