Как менять значение переменной angular при нажатии на кнопку

Question

Нужно менять значение при нажатии на кнопку Есть переменная orderBy: string; При нажатии на кнопку я вызываю функцию

sortByID(){
 
    this.sortBy = "idDesc";
    
  }

Сейчас у нее значение idDesc, а я хочу что б при повторном нажатии ее значение поменялось на idAsc Вот где вызываю функцию

<img src="../../../../assets/sort.png" mat-button (click)="sortByID()"/>

Answer 1

sortByID() { 
    this.sortBy = this.sortBy.localeCompare('idDesc') === 0? 'idAsc' : 'idDesc';    
}

В принципе, можно и по-простому:

this.sortBy = this.sortBy === 'idDesc'? 'idAsc' : 'idDesc';