Получить статус проверки при событии click в angular Материал

У меня есть угловой элемент

<mat-checkbox class="btn-block" 
              labelPosition="before" 
              (change)="showOptions($event)" 
              (click)="makeJSON($event.checked,i,j,k)">
</mat-checkbox>

Здесь onchange (который фактически дает статус checkout) выполняет какую-то другую задачу, и я хочу статус checkbox (либо отмечен, либо нет) для события click.

Я уже пытался просмотреть объект, созданный щелчком, и внутри него нет объекта щелчка, так как я могу определить, установлен флажок или нет.

Ответ 1

Вы можете использовать

(change)="showOptions($event)" 
(change)="makeJSON($event.checked,i,j,k)">

или

(change)="showOptions($event);makeJSON($event.checked,i,j,k)">

Ответ 2

Другое решение может быть, вы можете использовать переменную ссылки на шаблон с флажком и передать эту переменную параметру метода.

 <mat-checkbox #checkbox (change)='showOptions(checkbox.checked)' value=''>all</mat-checkbox> 

Здесь ссылка #checkbox содержит все свойства, связанные с флажками (например, значение, флажок и т.д.). checkbox.checked это даст текущее состояние флажка с true и false.

Ответ 3

whTax =false;                  
<mat-checkbox color="primary"
                      name="whTax" [checked]="false"
                      [(ngModel)]="whTax" id="IsHold"
                      (change)="onWHChange(whTax)">
                        W/H TAX
                  </mat-checkbox>
    onWHChange(isWhChecked){
      console.log('isWhChecked:>>', isWhChecked);
    }