Ionic Frameworkのハイライトクリック/タップ要素

Question

Ionic Frameworkを使用しています。アイテムがモバイルでタップされている場合、どうすればbackground-colorの変更を表示できますか？下のすべての状態（アクティブ、フォーカスなど）は、アイテムをタップするだけでは表示されませんが、指を押したままにすると表示されます。これは、ユーザーに要素をタップして何かが起こるはずであることを実際には示していない（つまり、ビューを変更する/変更しようとしている）ため、必要な動作ではありません。

CSS：

.item-thumbnail-right { 
    background-color: #FFFFFF; 
} 

.item-thumbnail-right:active, 
.item-thumbnail-right:focus, 
.item-thumbnail-right.active { 
    background-color: #CCCCCC; 
} 

HTML：

<div class="item item-thumbnail-right"> 
    <div class="img-wrapper"> 
    <div class="img" src="img.jpg"></div> 
    </div> 
    <h2 class="title">Title</h2> 
    <p>Text lorem ipsum...</p> 
</div> 

私はクラスを追加し、それに応じて異なるbackground-colorを表示するアイオニクスon-tapディレクティブを使用する必要がありますか？私はおそらくまた、ビューキャッシュに残っている場合は、ある時点でクラスを削除する必要があります。

Answer 1

私はactiveクラスが間違っていたようです。イオンは、項目内のクラスactivatedは/私は作品をしようとしていたものをそうタップクリックした追加されますが、このクラスは、このようなactivatedする必要があります：

.item-thumbnail-right { 
    background-color: #FFFFFF; 
} 

.item-thumbnail-right.activated { 
    background-color: #CCCCCC; 
}