javascript - 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

您可以使用checked属性(property)。通过 event.target 访问它。这是使用 object destructuring assignment 的示例从event.target检索checked :

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

这是一个example行动中。

希望有帮助!