Get checked status on click event in angular Material

Question

I have a angular element

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

Here onchange(which actually gives the status of checkout) is doing some other task and I want the status of checkbox(either checked or unchecked) on click event.

I already tried looking over the object created by click and it does not have click object inside, so how can I detect if the checkbox is checked or not.

Answer 1

You can use

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

or

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