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

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

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

Лучшие 10 тем на основе Angular Material
Лучшие 10 тем на основе Angular Material
Затрудняетесь выбрать подходящие шаблоны и темы для своего проекта? Потерялись в огромном количестве вариантов? Не волнуйтесь, мы решили эту проблему...
0
0
375
1

Ответы 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;
  }
}

Другие вопросы по теме