title: angularjs: ng-src equivalent for background-image:url(...)
body: <p>In angularjs you have the <a href="http://docs.angularjs.org/api/ng.directive:ngSrc" rel="noreferrer">tag ng-src</a> which has the purpose that you won't receive an error for an invalid url before angularjs gets to evaluate the variables placed in between <code>{{</code> and <code>}}</code>.</p>
  
  <p>The problem is that I use quite some DIV's with a <code>background-image</code> set to an url. I do this because of the excellent CSS3 property <code>background-size</code> which crops the image to the exact size of the DIV.</p>
  
  <p>The only problem is that I receive a lot of errors for the exact same reason they created a ng-src tag: I have some variables in the url and the browser thinks the image doesn't exist.</p>
  
  <p>I realize that there is a possibility of writing a crude <code>{{"style='background-image:url(myVariableUrl)'"}}</code>, but this seems 'dirty'.</p>
  
  <p>I've searched a lot and can't find the right way to do this. My app is becoming a mess because of all of these errors.</p>