title: dynamic ng-repeat field using $index
body: <p>I had set of fields like the following image
  <a href="https://i.stack.imgur.com/swRbU.png" rel="nofollow noreferrer">Field_Group</a></p>
  
  <p>Whenever click the add button then I will add another row with the same set of data like as follows
  <a href="https://i.stack.imgur.com/4tcE7.png" rel="nofollow noreferrer">Updated_Fields_Group</a></p>
  
  <p>Below is my code:</p>
  
  <pre><code>    &lt;div&gt;
        &lt;button class="btn btn-primary" name="addnewrow" ng-click="addNew()"&gt;Add&lt;/button&gt;
      &lt;/div&gt;
      &lt;div id="details_$index" ng-repeat="row in rows track by $index"&gt;
         &lt;div class="form-group "&gt;
            &lt;label class="col-md-2 control-label"&gt;{{Row $index}}
            &lt;/label&gt;
            &lt;div class="col-md-4" &gt;
               &lt;input id="email_{{$index}}" type="text" class="form-control"  name="email_{{$index}}" placeholder="email" ng-model="row_$index.email" ng-keyup="getListOfEmails(row_$index.email,$index)"  /&gt;
               &lt;ul class="list-group emailDropDownUL"&gt;
                  &lt;li class="list-group-item emailDropDownLI" ng-repeat="email in list_of_emails_$index" ng-click="updateEmailDetails(row_$index.email,$index)" &gt;{{email_$index}}&lt;/li&gt;
               &lt;/ul&gt;
  
            &lt;/div&gt;
            &lt;div class="col-md-4"&gt;
               &lt;div class="input-group"&gt;
                  &lt;input type="text" name="mobile_{{$index}}" id="mobile_{{$index}}" ng-model="row_$index.mobile" placeholder="Mobile" class="form-control" numbers-only/&gt;
  
               &lt;/div&gt;
            &lt;/div&gt;
         &lt;/div&gt;
  
      &lt;/div&gt;
      &lt;/code&gt;
  </code></pre>
  
  <p>When add button invoked, following json will push into the <strong><em>rows</em></strong></p>
  
  <blockquote>
    <p>{'firstname':"",'lastname':"",'email':"",'mobile':""}</p>
  </blockquote>
  
  <p><strong>Here is the problem</strong></p>
  
  <p>When a user types the text in "email" field, it's looking into DB and send a list of related emails to the front end.</p>
  
  <p>Now issue was, the "rows" are dynamic, i'm using ng-repeat like below</p>
  
  <blockquote>
    <p>ng-repeat="email in list_of_emails_$index"</p>
  </blockquote>
  
  <p>But here <code>list_of_emails_$index</code> not working.</p>
  
  <p>if I removed <code>_$index</code>, then it'll populate in all email fields</p>
  
  <p><a href="https://i.stack.imgur.com/oULOX.png" rel="nofollow noreferrer">without _$index</a></p>
  
  <p><strong>*Finally, how can we create dynamic ng-repeat *</strong></p>