как присвоить кнопкам свой index angula/typescript

    export class GamePageComponent implements OnInit {
  itsClicked = false;
  button0Clicked1 = false;
  button0Clicked2 = false;
  button0Clicked3 = false;
  button0Clicked4 = false;
  button0Clicked5 = false;
  button0Clicked6 = false;
  button0Clicked7 = false;
  button0Clicked8 = false;



onClick(index: number) : void {
    /*alert('Button ' + index + ' clicked')*/
    this.itsClicked = index == 0;
    this.button0Clicked1 = index == 1;
    this.button0Clicked2 = index == 2;
    this.button0Clicked3 = index == 3;
    this.button0Clicked4 = index == 4;
    this.button0Clicked5 = index == 5;
    this.button0Clicked6 = index == 6;
    this.button0Clicked7 = index == 7;
    this.button0Clicked8 = index == 8;

у меня существует 9 кнопок на странице. и каждую кнопку я проверяю была ли она нажата мышкой или нет. мой вопрос:

Как для начала обьеденить все 8 кнопок в 1 класс и что бы потом работала проверка? Как лучше оптимизировать код что бы не было так много лишнего?