js nz-checkbox-wrapper多选框使用

`nz-checkbox-wrapper` 是 Ant Design of Angular 的多选框组件，使用方法如下：

1. 首先，确保已经引入了 Ant Design of Angular 组件库。

2. 在需要使用多选框的组件中，引入 `NzCheckboxWrapperComponent` 组件：

   import { NzCheckboxWrapperComponent } from 'ng-zorro-antd/checkbox';

3. 在 HTML 模板中使用 `nz-checkbox-wrapper` 标签：

   <nz-checkbox-wrapper [(ngModel)]="checkedList" (ngModelChange)="onChange($event)">
     <label nz-checkbox *ngFor="let option of options" [nzValue]="option.value">{{ option.label }}</label>
   </nz-checkbox-wrapper>

其中，`checkedList` 是一个数组，用于存储选中的多选框的值；`options` 是一个数组，用于存储所有可选的选项。

4. 在组件类中定义 `checkedList` 和 `options`：

   checkedList = [];
   options = [
     { label: '选项1', value: 'option1' },
     { label: '选项2', value: 'option2' },
     { label: '选项3', value: 'option3' }
   ];

5. 在组件类中定义 `onChange` 方法，用于在多选框的选中状态发生改变时更新 `checkedList`：

   onChange(checkedList: string[]): void {
     this.checkedList = checkedList;
   }

这样就可以使用 `nz-checkbox-wrapper` 组件实现多选框了。