預緊背景圖像承諾

Question

我如何預加載CSS背景圖片的使用angularjs承諾 我想要做的東西，我可以這樣使用：

link: function(scope, element, attrs){ 
    element.hide(); 
    url = attrs.url; 
    preload(url).then(function(loadedImageURL){ 
     element.css({ 
      background-image: "url('" + loadedImageURL + "')" 
     }); 
    }); 
    element.fadeIn(); 
} 

請注意，這不是一個重複的問題this one。

Answer 1

試試這個：

function preload(url) { 
    var deffered = $q.defer(), 
     image = new Image(); 

    image.src = url; 

    if (image.complete) { 

    deffered.resolve(); 

    } else { 

    image.addEventListener('load', function() { 
     deffered.resolve(); 
    }); 

    image.addEventListener('error', function() { 
     deffered.reject(); 
    }); 
    } 

    return deffered.promise; 
}