title: Dynamic background image with Angular JS ng-repeat
body: <p>Id like to display dynamic background images using angular's <code>ng-repeat</code> directive. </p>
  
  <p>At the moment Im doing this by setting it as an inline style like so:</p>
  
  <pre><code>&lt;div ng-repeat="thing in things" 
       style="background-image: url({{thing.image}})" &gt;
  &lt;/div
  </code></pre>
  
  <p>I would prefer to use standard angular tools to accomplish this and avoid using inline styles. I would set a static background image using <code>ng-style</code> but this does not seem practical for an indeterminate number of objects. </p>
  
  <p>What is the correct solution for something like this?       </p>