触发onChange时获取复选框状态

Question

我在玩角靴。 这个问题很琐碎。 我的html中有输入元素

  <label><input  (change)="callFilt()"  type="checkbox" 
    value="">{{item.name}}</label> 

我想在我的callFilt方法中获取复选框的状态。我看到可以通过ng-model实现，但是我不想在这里使用其他任何指令，是否可以发送复选框的状态？

我都不希望在我的js代码中设置复选框的ID并通过ID获取状态。

Answer 1

您可以使用sintax #myInputVariabile在标记中创建可变引用，并将其传递给函数callFilt（checkInput）。 就像是：

<label><input  (change)="callFilt(checkInput)"

#checkInput type =“ checkbox” value =“”> {{item.name}}

   callFilt(element) {
    console.log(element.checked)
  }

Answer 2

您可以通过将此方法放入内部来获得价值

<label><input  (change)="callFilt(this)"  type="checkbox" 
    value="">{{item.name}}</label>

。现在功能

 callFilt(e) {
    console.log(e.checked); // or 
    console.log(e.value); //depending input type
  }