觸發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
  }