title: md-autocomplete not filtering?
body: <p>I'm trying to get the <code>md-autocomplete</code> from <a href="https://material.angularjs.org/latest/demo/autocomplete" rel="nofollow noreferrer">angular-material</a> library to work, the documentation is a bit hard to understand.</p>
  
  <p>Here's my html</p>
  
  <pre><code>&lt;md-autocomplete
    md-items="lawyer in cdc.lawyers"
    md-selected-item-change="testing(lawyer)"
    md-min-length="0"
    md-item-text="lawyer.name"
    md-search-text="cdc.lawyerSearchText"
    md-search-text-change="cdc.triggerQuery(cdc.lawyerSearchText);"
    placeholder="Search for lawyer"&gt;
    &lt;md-item-template&gt;
      &lt;span md-highlight-text="cdc.lawyerSearchText" md-highlight-flags="^i"&gt;{{lawyer.name}}&lt;/span&gt;
    &lt;/md-item-template&gt;
    &lt;md-not-found&gt;
      No states matching "{{lawyer.name}}" were found.
    &lt;/md-not-found&gt;
  &lt;/md-autocomplete&gt;
  </code></pre>
  
  <p>and here's the javascript</p>
  
  <pre><code>this.lawyerSearchText = '';
  
  this.triggerQuery = function(query){
    console.log(query);
    this.lawyerSearchText = query;
  }
  </code></pre>
  
  <p>It displays all the <code>lawyers</code> but does not filter them if I type gibberish in the input.</p>
  
  <p><a href="https://i.stack.imgur.com/bpLvW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bpLvW.png" alt="enter image description here"></a> </p>
  
  <p>What am I doing wrong here?</p>