2017-06-02 29 views
0

在ng-repeat内部我有一个表,其中我使用Bootstap崩溃来显示信息,但是我需要将id与循环一起更改以便数据显示在正确的地方,我目前的代码,它保持在同一行与每一次点击中显示,这里是我的代码:自动更改崩溃数据目标和ID

<tr ng-repeat=" p in projetsListe "> 
     <td>{{p.NomProjet}}</td> 
     <td>{{calcul(p.IdProjet)}}</td> 
     <td>{{calculTotal(p.IdProjet)}}</td> 
     <td>{{calcul(p.IdProjet)-calculTotal(p.IdProjet)}}</td> 
     <td> 
     <a href="#" ng-click="myFunction(p.IdProjet)" data-toggle="collapse" data-target="#d"> 
      <i class="fa fa-eye"></i> 
      <span>Voir les détails</span> <i class="fa fa-fw fa-caret-down"></i></a> 
      <ul id="d" class="collapse"> 
       <table id= "mytable" class="table table-hover" style="display : none;"> 
       <thead> 
       <tr> 
       <th>Tache</th> 
       <th><center>Charge estimée</center></th> 
       <tr ng-repeat="t in tempnorep"> 
       <td>{{t.NomTache}}</td> 
       <td><center>{{t.TempsPrevu}} jours<center></td> 
       </tr> 
       </table> 
      </ul> 
     </td> 
</tr> 
+0

您可以指定哪些'你想改变的ID? –

+0

@HasanIbrahim data-target =“#d”and id =“d” – Jihane

回答

2

我相信你想做的事是这样的:

<tr ng-repeat=" p in projetsListe "> 
     <td>{{p.NomProjet}}</td> 
     <td>{{calcul(p.IdProjet)}}</td> 
     <td>{{calculTotal(p.IdProjet)}}</td> 
     <td>{{calcul(p.IdProjet)-calculTotal(p.IdProjet)}}</td> 
     <td> 
     <a href="#" ng-click="myFunction(p.IdProjet)" data-toggle="collapse" ng-attr-data-target="#{{p.IdProjet}}"> 
      <i class="fa fa-eye"></i> 
      <span>Voir les détails</span> <i class="fa fa-fw fa-caret-down"></i></a> 
      <ul ng-attr-id="{{p.IdProjet}}" class="collapse"> 
       <table id= "mytable" class="table table-hover" style="display : none;"> 
       <thead> 
       <tr> 
       <th>Tache</th> 
       <th><center>Charge estimée</center></th> 
       <tr ng-repeat="t in tempnorep"> 
       <td>{{t.NomTache}}</td> 
       <td><center>{{t.TempsPrevu}} jours<center></td> 
       </tr> 
       </table> 
      </ul> 
     </td> 
</tr> 
+0

它现在可以工作,它是显示器:没有导致问题 – Jihane