问题出现的原因是每次更改checked属性时，Angular会检测变化并触发更改检测器。因此，我们需要避免多次触发，并且只在值真正更改时才触发更改检测器。

我们可以通过在组件类中添加一个变量来实现这一点，在值更改时将其设置为true。然后我们将变量绑定到mat-checkbox的[checked]属性上。接下来，我们可以使用ChangeDetectorRef中的detectChange方法来触发一次更改检测器。

下面是一段示例代码，它演示了如何解决这个问题：

@Component({ selector: 'my-component', template: Checkbox , }) export class MyComponent { isChecked = false; isToggled = false;

onCheckboxChange() { this.isToggled = !this.isToggled; if (this.isToggled) { this.isChecked = true; this.changeDetectorRef.detectChanges(); } }

constructor(private changeDetectorRef: ChangeDetectorRef) {} }

在这个示例中，我们将isChecked变量绑定到mat-checkbox的[checked]属性上。然后我们使用isToggled变量来跟踪复选框是否被切换过。在onCheckboxChange方法中，如果复选框被切换，我们设置isChecked为true并触发更改检测器。

这样，我们就只在必要时才触发更改检测器，从而防止多次触发。