Checkbox with ngfor

I have a component that is being for-looped. When I click one (app-product-card), I want its corresponding checkbox to be true or checked. How do I do that? I have this html

<div class="list-content fluid">
    <div class="products-cards" *ngFor="let product of dataSource['docs']">
        <div class="ui checkbox">
            <input class="singleCheckbox" type="checkbox" [checked]="product">
            <label hidden></label>
        </div>
        <app-product-card [product]="product" (click)="select(product)"></app-product-card>
    </div>
</div>