无法捕获角度 7 中复选框的已选中、未选中状态答案

【问题标题】：Unable to capture the checked , unchecked status of the checkbox in angular 7无法捕获角度 7 中复选框的已选中、未选中状态
【发布时间】：2019-05-28 06:07:47
【问题描述】：

我的 Angular 7 应用程序中有一个复选框控件，需要在选中或取消选中复选框时捕获选中的未选中值。

<td *ngIf="EditMode[f.Id] && c == ColumnNames[44]" class="tableItem">
    <label style="font-size: 13px;font-weight: normal;cursor: pointer">
        <input type="checkbox" #myId  (checked)="isHurdleRateSelected(s)" value="{{f.HurdleRate}}" style="width: 13px; height: 13px;" /> Yes
    </label>
</td>

组件

isHurdleRateSelected(s) {
  this.isHurdle = s;
}

目前，我尝试使用检查和更改事件。使用更改事件时，在后面的代码中捕获的值显示未定义，而检查的属性似乎没有达到断点。

谁能告诉我怎么做？

【问题讨论】：

标签： angular

【解决方案1】：

试试这个：

<input type="checkbox" #myId  (checked)="isHurdleRateSelected($event)" value="{{f.HurdleRate}}" style="width: 13px; height: 13px;" /> Yes

在新的isHurdleRateSelected($event):

现在，如果您在 .ts 中打印值：

isHurdleRateSelected(event) {
console.log(event);
     //   this.isHurdle = s;
    }

打印后你可以读取很多值，你可以找到选中的属性。

【讨论】：