在angularjs中有tag ng-src，它的目的是在angularjs计算放置在{{和}}之间的变量之前，不会因为无效的url而收到错误.
问题是，我使用了相当多的DIV，其中background-image设置为url.我这样做是因为出色的CSS3属性background-size可以将图像裁剪成DIV的精确大小.
唯一的问题是，我收到了很多错误，原因与他们创建ng src标记的原因完全相同:url中有一些变量，浏览器认为图像不存在.
我意识到有可能写一个粗略的{{"style='background-image:url(myVariableUrl)'"}}，但这似乎是"肮脏的".
我找了很多，但找不到正确的方法.由于这些错误，我的应用程序变得一团糟.
ngSrc是本机指令，所以您似乎需要一个类似的指令来修改div的background-image样式.
您可以编写您自己的指令，它完全可以做您想做的事情.例如
app.directive('backImg', function(){
return function(scope, element, attrs){
var url = attrs.backImg;
element.css({
'background-image': 'url(' + url +')',
'background-size' : 'cover'
});
};
});
您可以像这样调用它
<div back-img="<some-image-url>" ></div>
将可爱的cat 咪作为额外奖励的JSFdle:http://jsfiddle.net/jaimem/aSjwk/1/