title: Angular Material Mat-chip selected color change
body: <p>I have been trying to trigger a background color change on a mat-chip when the user selects it. Have been able toggle the state of the chip by following this post <a href="http://Mat-Chip%20Toggle" rel="nofollow noreferrer">https://stackoverflow.com/questions/47219078/cant-change-angular2-material-matchip-selected-state</a></p>
  
  <p>Not much mention about it anywhere.
  This is what I have so far:</p>
  
  <pre><code>&lt;mat-chip-list formControlName="packageName"&gt;
    &lt;mat-basic-chip *ngFor="let pkg of packages" #lbl selected="false" (click)="selectedPkg(lbl)"&gt;
      {{pkg.cbsCode}}&lt;br&gt;
    &lt;/mat-basic-chip&gt;
  &lt;/mat-chip-list&gt;
  </code></pre>
  
  <p>TS</p>
  
  <pre><code>  selectedPkg(pkg: MatChip) {
      pkg.selected = !pkg.selected;
      pkg.color='warn';
      console.log(pkg.value);
      // this.form.patchValue({packageName: pkg});
    }
  </code></pre>