点击列表时如何更改图标

Question

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

现在我有像这样的HTML代码

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

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

更改一个图标

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

到另一个图标。我能写下什么代码。有什么想法吗？

谢谢。

Answer 1

假设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>