title: Angular Material mat-list-option
body: <p>Is there a way in Material 2 to detect checkbox is true or false through the event function. Passing $event only detects mouse or keyboard on the typescript side need to detect if it is checked or unchecked.</p>
  
  <pre><code>&lt;mat-selection-list #list   &gt;
    &lt;mat-list-option *ngFor="let aser of fo; let i = index" (click)="onAreaListControlChanged(aser.ID, aser.Name, aser.Number, $event)"  checkboxPosition="before"    [value]="aser.Number" [selected]="aser.selected"  &gt;
      &lt;span style="font-size:11px"  &gt;{{aser.selected}} {{aser.first}} - {{aser.Number}}&lt;/span&gt;
    &lt;/mat-list-option&gt;
  &lt;/mat-selection-list&gt;
  </code></pre>
  
  <p>typescript</p>
  
  <pre><code>onAreaListControlChanged(sid, sname, snum, $event) { if(checked==true else false}
  </code></pre>