Angularjs 自动更改折叠数据目标和id

在ng repeat中，我有一个表，其中我使用Bootstap collapse显示信息，但是我需要使用循环更改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>  

{{p.NomProjet}}
{{calcul（p.IdProjet）}
{{calculTotal（p.IdProjet）}
{{calcul（p.IdProjet）-calculTotal（p.IdProjet）}

环节
费用估计
{{t.NomTache}}
{{t.TempsPrevu}}jours

我相信您想做以下事情：

<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>  

{{p.NomProjet}}
{{calcul（p.IdProjet）}
{{calculTotal（p.IdProjet）}
{{calcul（p.IdProjet）-calculTotal（p.IdProjet）}

环节
费用估计
{{t.NomTache}}
{{t.TempsPrevu}}jours

我相信您想做以下事情：

<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>  

{{p.NomProjet}}
{{calcul（p.IdProjet）}
{{calculTotal（p.IdProjet）}
{{calcul（p.IdProjet）-calculTotal（p.IdProjet）}

环节
费用估计
{{t.NomTache}}
{{t.TempsPrevu}}jours

你能指定你想更改哪个

id

吗？@HasanIbrahim data target=“#d”和id=“d”你能指定你想更改哪个

id

吗？@HasanIbrahim data target=“#d”和id=“d”现在工作了，是显示：没有导致问题现在工作了，是显示：没有导致问题