Изменить значение mat-checkbox в соответствии с его состоянием

Question

Я хочу, чтобы значение mat-checkbox имело 2 разных значения, например: Если он отмечен, то он равен 1, если он не отмечен, он равен 2.

Я понятия не имею, как это сделать, так как на эту тему немного документации.

Answer 1

Проверьте этот StackBlitz: Пример значения CheckBox

В вашем HTML-файле:

<mat-checkbox (click)="clicked()">Check me!</mat-checkbox>

{{ checkBoxValue }}

В вашем файле TS:

export class AppComponent  {
  checkBoxValue: number = 1;
  checked: boolean = false;

  clicked() {
    this.checked = !this.checked;

    if (this.checked) 
      this.checkBoxValue = 2;
    else
      this.checkBoxValue = 1;
  }
}