title: List of md-autocomplete items?
body: <p>I have grid-ui where cell is angular material <a href="https://material.angularjs.org/latest/api/directive/mdAutocomplete" rel="nofollow"><code>md-autocomplete</code></a>.</p>
  
  <p>I wrote demo: <a href="http://codepen.io/anon/pen/mPyvYQ?editors=1010" rel="nofollow">codepen</a> where I run (for simulate only) <code>ng-repeat</code> and try to select different value per row.</p>
  
  <p>However whenever I do when I change one item, all other rows change as well. What am I doing wrong?</p>
  
  <p>My HTML:</p>
  
  <pre><code> &lt;tr  layout="row" ng-repeat="item in ctrl.items" flex&gt;
          &lt;td class="sc_color" flex&gt;{{$index+1}}.color&lt;/td&gt;
          &lt;td flex&gt;
              &lt;md-autocomplete style="margin-bottom:10px;"
          md-selected-item="item.selectedItem"
          md-search-text="ctrl.searchText"
          md-items="item in ctrl.querySearch(ctrl.searchText)"
          md-item-text="item.display"
          md-min-length="0"
          placeholder="Pick a color"&gt;
      &lt;md-item-template&gt;
          &lt;span md-highlight-text="ctrl.searchText" md-highlight-flags="^i"&gt;{{item.display}}&lt;/span&gt;
      &lt;/md-item-template&gt;
  &lt;/md-autocomplete&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p>My <code>items</code>:</p>
  
  <pre><code>self.items = [
        {
          selectedItem: 'aa'
        },
         {
          selectedItem: 'bbb'
        }
      ];  
  </code></pre>
  
  <p>I use <code>md-selected-item</code> but sounds like its the same for all items.</p>