Angularjs 如何在点击列表时更改图标

我想问一下当我点击列表时如何更改图标

现在我有了这样的HTML代码

<div class="list">
    <div class="item" on-tap="playMedia('001.mp3')">
        001.mp3
        <span class="item-note ion-play"></span>
    </div>
</div>

001.mp3

当用户点击列表项时，应用程序将播放mp3文件。此外，我想在

<span class="item-note ion-play"></span>

到另一个图标。我可以写什么代码。有什么想法吗

---

谢谢。

假设item note是您要切换的类：

<div class="list">
    <div class="item" on-tap="playMedia('001.mp3')" ng-click="playing = !playing">
        001.mp3
        <span class="ion-play {{playing ? 'other-icon-class' : 'item-note'}}"></span>
    </div>
</div>

001.mp3