title: Get checked status on click event in angular Material
body: <p>I have a angular element</p>
  
  <pre><code>&lt;mat-checkbox class="btn-block" 
                labelPosition="before" 
                (change)="showOptions($event)" 
                (click)="makeJSON($event.checked,i,j,k)"&gt;
  &lt;/mat-checkbox&gt;
  </code></pre>
  
  <p>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.</p>
  
  <p>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. </p>