触发onChange时获取复选框状态

Question

我在角度和自举中玩耍。 这个问题非常微不足道。 我的html中有输入元素

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

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

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

Answer 1

您可以使用sintax #myInputVariabile在标记中创建变量引用，并将其传递给函数callFilt（checkInput）。 类似的东西：

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

#checkInput type =＆＃34;复选框＆＃34;值=＆＃34;＆＃34;＆GT; {{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
  }