title: How do you call closePanel in angular 4 autoComplete material
body: <pre><code>import { MdAutocomplete } from '@angular/material';
  
  @Component({
   template:'
               &lt;input type="text" [mdAutocomplete]="auto"/&gt;
               &lt;md-autocomplete #auto="mdAutocomplete" #autoComplete&gt;
               &lt;md-option&gt;
                 Some Options
               &lt;/md-option&gt;
            &lt;/md-autocomplete&gt;'
  })
  
  export class AutoComplete {
   @ViewChild('autoComplete') autoComplete: MdAutocomplete;
  
   closeAuto() {
     this.autoComplete.closePanel();
   }
  }
  </code></pre>
  
  <p>It is not the complete code but the idea is to call closePanel inside a method. closePanel is listed as a method on <a href="https://material.angular.io/components/autocomplete/api" rel="noreferrer">https://material.angular.io/components/autocomplete/api</a> but it fails to work. It says method not found.</p>
  
  <p>tried this approach too</p>
  
  <pre><code>import { MdAutocompleteTrigger } from '@angular/material';
  
  @Component({
   template:'
               &lt;input #autoCompleteInput type="text" [mdAutocomplete]="auto"/&gt;
               &lt;md-autocomplete #auto="mdAutocomplete" #autoComplete&gt;
               &lt;md-option&gt;
                 Some Options
               &lt;/md-option&gt;
            &lt;/md-autocomplete&gt;'
  })
  
  export class AutoComplete {
   @ViewChild('autoCompleteInput') autoComplete: MdAutocompleteTrigger;
  
   closeAuto() {
     this.autoComplete.closePanel();
   }
  }
  </code></pre>