イオン2：他のクラスからクラスを削除しているときにクラスにアイテムを追加する

Question

ボタンをクリックすると、ボタンの色を変更するクラス（selected-date-item）を追加する必要があります。その直前に、そのクラスを以前に保持していたボタンからそのクラス（selected-date-item）を削除したいと思います。

CSS

.selected-date-item { 
    background:#272829; 
    color:white; 
} 

HTML

<button class="date-time-select" *ngFor="let chooseDate of possibleDates" (tap)="selectPickupDate(chooseDate)">{{chooseDate}}</button> 

JS

selectPickupDate(selectedDate) { 
    this.selectedDate = selectedDate; 
} 

=>

Answer 1

[ngClass]を使用すると、CSSクラスを動的に設定できます。

<button [ngClass]="{'selected-date-item': chooseDate == selectedDate, 'not-selected-item': chooseDate != selectedDate}" *ngFor="let chooseDate of possibleDates" (tap)="selectPickupDate(chooseDate)">{{chooseDate}}</button> 

[ngClass]勃発：

[ngClass]="{'selected-date-item': chooseDate == selectedDate, 'not-selected-item': chooseDate != selectedDate}"