title: Angular JS ng-repeat and modal dialog
body: <p>I am iterating over a list of students and each row has the student name and college and a button. On clicking the button you see a modal dialog which shows student details. For some reason I am unable to get the correct student information. The dialog just shows the 1'st student information only. Here is the pluker</p>
  
  <p><a href="http://plnkr.co/edit/kXB7OZuyOz57qyVMIu8T?p=preview" rel="nofollow">http://plnkr.co/edit/kXB7OZuyOz57qyVMIu8T?p=preview</a></p>
  
  <pre><code>&lt;div class="table-responsive"&gt;
          &lt;table class="table table-striped"&gt;
              &lt;tr ng-repeat = "student in students"&gt;
                  &lt;td&gt;{{student.name}}&lt;/td&gt;
                  &lt;td&gt;{{student.college}}&lt;/td&gt;
                  &lt;td&gt;
                      &lt;div class="modal-header"&gt;
                          &lt;button type="button" class="btn btn-primary"
                          data-toggle="modal" data-target="#dialogTestDialog"&gt;Options&lt;/button&gt;
                      &lt;/div&gt;
                      &lt;div   class="modal fade" id="dialogTestDialog" tabindex="-1" role="dialog" aria-labelledby="executionOptionLabel"
                              aria-hidden="true"&gt;
                          &lt;div class="modal-dialog"&gt;
                              &lt;div class="modal-content"&gt;
                                      Student : {{student.name}} &lt;br/&gt; Detail on Student
                                      &lt;div class="modal-body"&gt;
                                          &lt;p&gt;{{student.age}}&lt;/p&gt;
                                          &lt;p&gt;{{student.address}}&lt;/p&gt;
                                          &lt;p&gt;{{student.race}}&lt;/p&gt;
                                      &lt;/div&gt;
  
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;   
                  &lt;/td&gt;
              &lt;/tr&gt;
  
          &lt;/table&gt;
      &lt;/div&gt;
  </code></pre>