Trying to convert list group to checkboxes

I'm Building a shopping App . I'm trying to convert list group to get multiple inputs and filter them .

app.component.html

<div >
  <div class="list-group">
    <a class="list-group-item list-group-item-action"
    [class.active]="!category"
    routerLink="/products"
    >All Categories</a>
    
    <a class="list-group-item list-group-item-action"
    routerLink="/products" 
    *ngFor="let c of categories$ | async"
    [queryParams]="{ category: c.key }" 
    [class.active]="category === c.key"></a>
  </div>
</div><br>