목록에있는 탭이

Question

나는이 목록에 누를 때 아이콘을 변경하는 방법에 대해 물어 싶을 때 아이콘을 변경하는 방법

지금 내가 가진이

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

사용자와 같은 HTML 코드 목록 항목을 탭하면, 응용 프로그램은 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>