Angular 7，沒有NgModel時如何取復選框狀態（是/否）？

Question

在我的Angular 7應用程序中，我具有* ngFor中沒有[（ngModel）]的復選框的集合。 在這里，如何在不使用ngmodel的情況下獲取是否處於選中狀態的復選框狀態。

我已經嘗試過$ event，但它總是正確的。 找到下面的代碼，並給出沒有[[ngModel）]的任何好的解決方案。

<div *ngFor="let country of addedValue  | keyvalue;  let in = index; ">
          <div>
              <input type="checkbox" name="country{{in}}" (change)="selectTestAll(country.value, $event)">
            </div>
</div>

 selectTestAll(countryValue: any, event: any) {
    console.log(event); // HERE I NEED TO KNOW THAT CHECKBOX IS CHECKED OR NOT
 }

Answer 1

您可以使用選中的屬性。 通過event.target訪問它。 這是使用對象解構分配從event.target中檢索已checked 對象的示例：

selectTestAll(countryValue: any, event: any) {
  const { checked } = event.target;
  console.log(checked);
}

這是一個實際的例子 。

希望有幫助！