title: angular material select in ng-repeat
body: <pre><code>&lt;tbody&gt;
      &lt;tr ng-repeat="row in gridData"&gt;
          &lt;td&gt;
              {{row.bank_ac_no}}
                  &lt;md-select placeholder="select AC" ng-model="row.bank_ac_no" md-on-open="loadUsers()"&gt;
                      &lt;md-option ng-value="user" ng-repeat="user in users"&gt;{{user.bankacno}}&lt;/md-option&gt;
                  &lt;/md-select&gt;                
          &lt;/td&gt;
  
          &lt;td&gt;
              &lt;div&gt;
                  &lt;button ng-click="saveData(row)"&gt;&lt;/button&gt;
              &lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>This is my html, clearly, I am adding mdSelect within a loop, so I have to use the same ng-model for all of them in the loop, I want the "row.bank_ac_no" to store the name of md-select selected of the particular row. I am getting the whole json object in the ng-model instead of just the name in it. What should be done? Thanks in advance. :)</p>
  
  <p>please refer to my pen <a href="http://codepen.io/VallabhRao/pen/YWdmVg" rel="nofollow">here</a></p>