title: How to change icons on ng-repeat
body: <p>I am trying to change icon when user select item on list.I manage to change the icon when click on the item, but the issue if user click on other item I want to change prev item to init state, like play music and pause.</p>
  
  <p>my template:</p>
  
  <pre><code>  &lt;div class="list"&gt;
          &lt;a ng-repeat="item in items"
             class="item item-thumbnail-left item-button-right" ng-init="item.playing = false"&gt;
              &lt;img ng-src="{{ item.user.avatar_url }}"&gt;
              &lt;h2&gt;{{ item.title }}&lt;/h2&gt;
              &lt;h4&gt;{{ item.artist }}&lt;/h4&gt;
              &lt;button class="button button-positive" ng-click="selectItemToPlay(item);item.playing = !item.playing"&gt;
                  &lt;i class="{{item.playing == true &amp;&amp; 'ion-pause' || 'ion-play'}}"&gt;&lt;/i&gt;
              &lt;/button&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  </code></pre>