title: How I can add dropdown arrow within input in mat-autocomplete
body: <p>I use mat-autocomplete to filter my data. Everything is work but I want to have a dropdown arrow to show all option within the input.
  In md-autocomplete , we can use <strong>dropdown-arrow=&quot;true&quot;</strong> but in mat-autocomplete is not support it.
  So how I can add a dropdown arrow in mat-autocomplete?
  This is my <code>component.ts</code></p>
  <pre><code>&lt;form class=&quot;example-form&quot;&gt;
      &lt;mat-form-field class=&quot;example-full-width&quot;&gt;  
  
      &lt;input type=&quot;text&quot; aria-label=&quot;Number&quot; matInput 
      [formControl]=&quot;myControl&quot; [matAutocomplete]=&quot;auto4&quot;
      [hidden]=&quot;loadWithFilters&amp;&amp;loadWithFilters.field==='IP'&quot;&gt;  
  
      &lt;mat-autocomplete #auto4=&quot;matAutocomplete&quot; dropdown-arrow=&quot;true&quot; 
      (optionSelected)=&quot;onFilterOptionSelected($event,'IP')&quot; &gt;  
  
      &lt;mat-option *ngFor=&quot;let option of filteredIP | async&quot; 
      [value]=&quot;option.key&quot;&gt;
          {{option.value}}
      &lt;/mat-option&gt;
     &lt;/mat-autocomplete&gt;  
     &lt;/mat-form-field&gt;
  &lt;/form&gt;
  </code></pre>