代码之家 › 专栏 › 技术社区 › Muthukumar Marichamy

角度7,没有NGModel,如何获取复选框状态(真/假)?

typescript angular javascript

Muthukumar Marichamy · 技术社区 · 6 年前

在Angular7应用程序中,我有一个复选框的集合,它位于不带[(ngmodel)]的*ngfor中。在这里,我如何在不使用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
 }

1 回复 | 直到 6 年前

Alexander Staroselsky 6 年前

你可以使用 checked 财产。通过访问 event.target . 这是使用的示例 object destructuring assignment 检索 checked 从 event.target :

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

这里是一个 example 在行动中。

希望有帮助!

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前