1. 首先，在HTML文件中使用 [(ngModel)] 绑定来设置 mat-checkbox 的值。例如：

Checkbox

2. 在 .ts 文件中，定义变量 isChecked 和 isIndeterminate，以及一个处理不确定状态更改的事件处理程序。

isChecked = false; isIndeterminate = false;

onIndeterminateChange(event) { this.isIndeterminate = event; if (this.isIndeterminate) { this.isChecked = false; } }

3. 在样式文件中添加以下样式来控制不确定状态的外观：

.mat-checkbox-checked { .mat-checkbox-background, .mat-checkbox-frame { background-color: $mat-color-primary; } }

.mat-checkbox-indeterminate { .mat-checkbox-background, .mat-checkbox-frame { background-color: $mat-color-primary; } }

4. 最后，确保正确导入并使用 Angular Material 的 MatCheckbox 模块和 BrowserAnimationsModule 模块。

例如，在 app.module.ts 文件中：

import { MatCheckboxModule } from '@angular/material/checkbox'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({ imports: [ MatCheckboxModule, BrowserAnimationsModule, ... ], ... }) export class AppModule { }