title: How to use Angular Material Autocomplete, Chip, Checkbox together?
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)"&gt;
                          &lt;mat-option *ngFor="let vdr of vdrs | quickFilter: auto_ctrl | slice:0:500 ;let i = index"
                              [value]="vdr"&gt;
                              &lt;mat-checkbox  [disabled]="vdr_chips.length&gt;=5" (change)="toggleSelection($event,vdr)"
                                  (click)="$event.stopPropagation()"&gt;
                                  {{vdr}}
                              &lt;/mat-checkbox&gt;
                          &lt;/mat-option&gt;
                      &lt;/mat-autocomplete&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have to implement autocomplete and chip functionality and add checkboxes inside it for multiple selection. Currently I have implemented automcomplete and chip input using the Angular Material Docs.</p>