Angular material 根据其状态更改mat复选框值

我希望mat复选框值具有两个不同的值，例如： 如果选中，则等于1；如果未选中，则等于2

我不知道该怎么做，因为关于这个主题的文档很少。

检查一下StackBlitz：

在HTML文件中：

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

{{ checkBoxValue }}

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

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

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