Tengo un conjunto de respuestas de datos de una API y genero dinámicamente casillas de verificación en mi archivo HTML usando el componente DataView de PrimeNG.

El objetivo es tener una funcionalidad en la que pueda seleccionar/deseleccionar todas las casillas de verificación haciendo clic en un botón y almacenar sus valores en una array , por ejemplo.

Esto es lo que tengo hasta ahora;

Componente HTML

 <p-dataView [value]="requestList" {...} > <ng-template let-request pTemplate="listItem"> <p-checkbox name="reqNo" inputId="reqNo" (click)="getCheckBoxValue()" value="{{ request.requestNo }}" [(ngModel)]="reqNo" [ngModelOptions]="{ standalone: true }" ></p-checkbox> </ng-template> </p-dataview>

Archivo TS principal

reqNo: any; reqNo está enlazado usando ngModel.

Dándome matrices de valores cuando me consolaron; ['R08000036', 'R08000002']

Cada objeto en la respuesta de la API se ve así;

 { requestNo: "R08000036", requestBy: "SUPER_USER", requestTs: "2021-02-18T04:27:05.710+0000", collectTs: "2008-07-30T16:00:00.000+0000", testReason: "After Visit", noOfPrisoner: 2, status: "Printed", printTs: "2008-07-21T16:00:00.000+0000", escortingOfficer: "00552", }

controlador de eventos getCheckBoxValue;

 getCheckBoxValue() { console.log(this.reqNo); }

Soy nuevo en Angular y creo que estoy usando mal el ngModel. ¿Puede alguien por favor enseñarme?