如何在clrCheckbox上添加selectAll/deselectAll按钮？

<!-- 父组件的模板 -->
<button (click)="selectAll()">Select All</button>
<button (click)="deselectAll()">Deselect All</button>

<clr-checkbox *ngFor="let item of items" [(clrChecked)]="item.checked">
  {{ item.label }}
</clr-checkbox>

// 父组件的代码
import { Component, ViewChild } from '@angular/core';
import { ClrCheckbox } from '@clr/angular';

@Component({
  selector: 'app-parent-component',
  templateUrl: './parent-component.component.html',
  styleUrls: ['./parent-component.component.css']
})
export class ParentComponent {
  @ViewChild(ClrCheckbox) clrCheckbox: ClrCheckbox;
  items = [
    { label: 'Item 1', checked: false },
    { label: 'Item 2', checked: false },
    { label: 'Item 3', checked: false }
  ];

  selectAll() {
    this.items.forEach(item => item.checked = true);
  }

  deselectAll() {
    this.items.forEach(item => item.checked = false);
  }
}