如何使用Angular弹出复选框值？

import { MatDialog } from '@angular/material/dialog';
import { MatCheckbox } from '@angular/material/checkbox';

constructor(private dialog: MatDialog) {}

openCheckboxDialog() {
  const dialogRef = this.dialog.open(CheckboxDialogComponent, {
    width: '250px',
    data: { /* 传递给弹出框的数据 */ }
  });

  dialogRef.afterClosed().subscribe(result => {
    console.log('选择的复选框值：', result);
  });
}

<h2>选择复选框值</h2>
<mat-checkbox *ngFor="let option of options" [(ngModel)]="option.checked">
  {{ option.label }}
</mat-checkbox>
<button mat-button (click)="closeDialog()">确定</button>

import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { Component, Inject } from '@angular/core';

@Component({
  selector: 'app-checkbox-dialog',
  templateUrl: 'checkbox-dialog.component.html',
})
export class CheckboxDialogComponent {
  options = [
    { label: '选项1', checked: false },
    { label: '选项2', checked: false },
    { label: '选项3', checked: false },
  ];

  constructor(
    public dialogRef: MatDialogRef<CheckboxDialogComponent>,
    @Inject(MAT_DIALOG_DATA) public data: any
  ) {}

  closeDialog() {
    const selectedValues = this.options.filter(option => option.checked);
    this.dialogRef.close(selectedValues);
  }
}