title: Change collapse data-target and id automatically
body: <p>Inside an ng-repeat I have a table in which I display information using Bootstap collapse, however I need the id to be changed with the loop in order for the data to be displayed in the right place, with my current code it keeps displaying in the same row with each click, here is my code : </p>
  
  <pre><code> &lt;tr ng-repeat=" p in projetsListe "&gt;
         &lt;td&gt;{{p.NomProjet}}&lt;/td&gt;
         &lt;td&gt;{{calcul(p.IdProjet)}}&lt;/td&gt;
         &lt;td&gt;{{calculTotal(p.IdProjet)}}&lt;/td&gt;
         &lt;td&gt;{{calcul(p.IdProjet)-calculTotal(p.IdProjet)}}&lt;/td&gt;
         &lt;td&gt;
           &lt;a href="#" ng-click="myFunction(p.IdProjet)" data-toggle="collapse" data-target="#d"&gt;
              &lt;i class="fa fa-eye"&gt;&lt;/i&gt;
              &lt;span&gt;Voir les détails&lt;/span&gt; &lt;i class="fa fa-fw fa-caret-down"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;ul id="d" class="collapse"&gt; 
                &lt;table id= "mytable" class="table table-hover" style="display : none;"&gt;
                  &lt;thead&gt;
                  &lt;tr&gt;
                  &lt;th&gt;Tache&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;Charge estimée&lt;/center&gt;&lt;/th&gt;
                  &lt;tr ng-repeat="t in tempnorep"&gt;
                  &lt;td&gt;{{t.NomTache}}&lt;/td&gt;
                  &lt;td&gt;&lt;center&gt;{{t.TempsPrevu}} jours&lt;center&gt;&lt;/td&gt;
                  &lt;/tr&gt; 
                &lt;/table&gt;
              &lt;/ul&gt;
          &lt;/td&gt;
  &lt;/tr&gt;  
  </code></pre>