離子列表在按下時更改項目的顏色

Question

我有一個ion-list的ion-item可點擊。我想在點擊時更改列表中所選項目的顏色，並且只在該時刻;所以，當用戶停止按下該項目時，其顏色將更改爲默認顏色。
我只能找到更改顏色，當項目被按下，但顏色仍然停留後，我停止按項目。

編輯：這是列表中的HTML代碼：

<ion-list> 
<ion-item *ngFor="let tag of tagList; let i=index" (click)="addSelectedTag(i)"> 
<h2> {{tag.val().name}}</h2> 
</ion-item> 
</ion-list> 

Answer 1

爲了做到這一點，你需要設置以下SASS變量（在你的variables.scss）文件：

$list-ios-activated-background-color: #d9d9d9; 
$list-md-activated-background-color: #f1f1f1; 
$list-wp-activated-background-color: #aaa; 

這些是默認顏色，所以根據需要更改它們。

，然後確保你的項目是按鈕（他們不會像鈕釦，就是用自己的可點擊屬性和樣式）：

<ion-list> 
    <button ion-item *ngFor="let tag of tagList; let i=index (click)="addSelectedTag(i)"> 
    <h2> {{tag.val().name}}</h2> 
    </button> 
</ion-list>