如何更改圖標時，名單上的水龍頭

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

假設項目，值得注意的是，要切換該類：

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