title: Two way data binding for multiple mat-selection-list
body: <p>I have list of groups coming from a service and creating multiple selection list for all the groups.</p>
  
  <p>Each group has a list of templates, like an array inside a array.</p>
  
  <p>my code</p>
  
  <pre><code>&lt;mat-expansion-panel *ngFor="let group of groups"&gt;
    &lt;mat-expansion-panel-header&gt;
       &lt;mat-panel-title&gt;
         {{group.name}}
       &lt;/mat-panel-title&gt;
    &lt;/mat-expansion-panel-header&gt;
  &lt;mat-selection-list role="list" 
          [(ngModel)]="selectedTemplates" 
          [ngModelOptions]="{standalone: true}" 
          (selectionChange)="checkSelection($event)"&gt;
    &lt;mat-list-option [value]="template" 
                     [checkboxPosition]="before" 
                    *ngFor="let template of group.templates"&gt;{{template.name}} 
    &lt;/mat-list-option&gt;
  &lt;/mat-selection-list&gt;
  &lt;/mat-expansion-panel&gt;
  </code></pre>
  
  <p><strong>TS</strong></p>
  
  <pre><code>selectedTemplates: Array&lt;TemplateType&gt; =[];
  
  this.serviceCall.subscribe( res =&gt; {
      this.selectedTemplates = res;
  )
  </code></pre>
  
  <p>When i click on an item in the list they are displayed on a mat-table, and are being done so without any issues.</p>
  
  <p>On the table there is a button on each row to remove my selection.</p>
  
  <p>How do i uncheck the list item when the button is clicked</p>
  
  <p>Thankyou</p>