选择多个复选框

Question

我的代码如下所示：

<mat-form-field *ngIf="selectedOffer?.stock > 0" appearance="outline" class="ml-1 control-select quantity">
  <mat-select placeholder="Quantity" [(value)]="quantity" (selectionChange)="changeQuantity($event)" multiple>
    <mat-option [value]="customQty.value">
      <input matInput #customQty type="number" placeholder="Insert your quantity" autocomplete="off">
    </mat-option>
    <mat-option *ngFor="let qty of quantityOptions" [value]="qty">
      {{qty}} pieces
    </mat-option>
  </mat-select>
</mat-form-field>

问题是我想让用户插入自己的“数量”或选择一个...现在，当我单击第一个选项（输入）时，它被选中了，我不能插入值。仅当我单击复选框（而不是整个行）时才如何选择一个选项？还是有其他方法可以做到这一点？

谢谢！ ：）