title: Displaying an specific image for each item in ng-repeat
body: <p>I have an <code>ng-repeat</code> which shows a list of sports and next to every sport name I'd like to display an specific image. I'd like to know how to go about displaying the correct png for every sport. How could I make it know what image to display? Here's how the code looks like.</p>
  
  <pre><code>&lt;div ng-if="sport.leagues.length &amp;&amp; sport.checked"
        ng-repeat="sport in sports"&gt;
        &lt;ion-list class="list"&gt;
          &lt;div class="item"&gt;
            &lt;img src="" class="sport-image"&gt; &lt;!--Heres where img shoud be--&gt;
            &lt;span&gt;{{sport.name}}&lt;/span&gt;
          &lt;/div&gt;
        &lt;/ion-list&gt;
  &lt;/div&gt;
  </code></pre>