title: Current selected value in angular6 material mat-selection-list
body: <p>Working with Angular Material2 <strong>mat-selection-list</strong>, Able to identify whether current option is selected or non-selected[Boolean].</p>
  
  <p><strong>compnenent.html</strong></p>
  
  <pre><code>&lt;mat-selection-list #shoes (selectionChange)="onSelection($event, shoes.selectedOptions)" &gt;
    &lt;mat-list-option *ngFor="let shoe of typesOfShoes" [value]='shoe'&gt;
      {{shoe}}
    &lt;/mat-list-option&gt;
  &lt;/mat-selection-list&gt;
  </code></pre>
  
  <p><strong>component.ts</strong></p>
  
  <pre><code>export class ListSelectionExample {
    typesOfShoes = ['Boots', 'Clogs', 'Loafers', 'Moccasins', 'Sneakers'];
  
    onSelection(e, v){
     console.error(e.option.selected,v); 
    }
  }
  </code></pre>
  
  <p><code>e.option.selected</code> notifies whether current option is selected or non-selected.  </p>
  
  <p>How to identify current selected value ?  Tried with multiple combinations with <strong>ngModel  and ngModelChange</strong> and <strong>click</strong> , nothing works for me.</p>
  
  <p><a href="https://stackblitz.com/edit/angular-eyjdfp-qgjhvd?file=app%2Flist-selection-example.ts" rel="noreferrer">https://stackblitz.com/edit/angular-eyjdfp-qgjhvd?file=app%2Flist-selection-example.ts</a></p>