title: How to access selection options in material mat-selection-list
body: <p>I am trying to access the selected options of a material mat-selection-list component (version 7). I have found documentation for selectedOptions <a href="https://material.angular.io/components/list/api#MatSelectionList" rel="noreferrer">here</a>.</p>
  
  <p>I have fiddeld together some lines of html/ts that seem to give me access to the desired data. However I do not think it is the right way. However I could not find advice using "famous search engine".</p>
  
  <p>I have folloing HTML (pizza.component.html)</p>
  
  <pre><code>&lt;h1&gt;Pizzas&lt;/h1&gt;
  &lt;mat-selection-list #pizzaList (selectionChange)="onPizzasChange($event)"&gt;
      &lt;mat-list-option *ngFor="let pizza of pizzas"&gt;
          {{pizza}}
      &lt;/mat-list-option&gt;
  &lt;/mat-selection-list&gt;
  </code></pre>
  
  <p>And corresponding typescript file (pizza.component.ts)</p>
  
  <pre><code>import { MatButtonModule } from '@angular/material/button';
  import { Component, OnInit } from '@angular/core';
  import { MatCheckboxModule } from '@angular/material/checkbox';
  import { Pizza } from '../pizza';
  
  @Component({
      selector: 'app-pizza-view',
      templateUrl: './pizza-view.component.html',
      styleUrls: ['./pizza-view.component.css']
  })
  
  export class PizzaViewComponent implements OnInit {
  
      pizzas: any;
  
      constructor( ) { }
  
      ngOnInit() {
          pizzas = [ 'Margherita', 'Funghi', 'Quattro Stagioni', 'Calzone' ];
      }
  
      onPizzasChange(event) {
          console.log("selectedOptions:", event.option.selectionList.selectedOptions._selection;
      };
  
  }
  </code></pre>
  
  <p>Question would be: How do I do it correctly?</p>
  
  <p>PS: I am using @angular/core 7.0.0 and material 7.0.1</p>