title: Angular material chips removable
body: <p>I want to remove the matChip on click of cancel icon <br>
  here is my code</p>
  <pre><code>&lt;mat-chip-list&gt;
      &lt;mat-chip
          *ngFor=&quot;let user of data.users&quot;
           [removable]=&quot;true&quot;
           [selectable]=&quot;true&quot;
           (removed)=&quot;remove(user.id)&quot;&gt;
           {{user.name}}
           &lt;mat-icon matChipRemove&gt;cancel&lt;/mat-icon&gt;
      &lt;/mat-chip&gt;
  &lt;/mat-chip-list&gt;
  </code></pre>
  <p>Even though <code>[removable]=&quot;true&quot;</code> is set it is not removing the clicked chip
  <a href="https://stackblitz.com/angular/ongvpboomla?file=src%2Fapp%2Fchips-input-example.html" rel="nofollow noreferrer">I have been following this docs example </a></p>