angularjs – 在带有ng重复的表格中推送行

发布时间：2020-12-17 09:28:23 所属栏目：安全来源：网络整理

导读：当客户点击行时,我想在表中插入一个额外的行.数据不应该被预取,因为我预计最多只有30行,但是每一行都有相关联的数据在一个get中是不合理的. 我的方法到目前为止是使用ng-repeat来迭代我的收藏并呈现一个表.当客户端按行时,客户端期望有关该行的详细信息将作

当客户点击行时,我想在表中插入一个额外的行.数据不应该被预取,因为我预计最多只有30行,但是每一行都有相关联的数据在一个get中是不合理的.

我的方法到目前为止是使用ng-repeat来迭代我的收藏并呈现一个表.当客户端按行时,客户端期望有关该行的详细信息将作为按下的行下的额外行内联显示.

<tr ng-repeat="court in courts">            
  <td>{{court.name}}</td>
  <td>{{court.number}}</td>
  <td>{{court.nrOfPlayers}}</td>
  <td>
    <a href ng:click="toggle(court.number)">Details</a>  <!-- click toggles extra row with data loaded async -->
  </td>
</tr>
<!-- extra row here -->

我已经设法以令人讨厌的方式在桌子下方显示细节,但这不是我想要的.

如何用angular.js来完成这个？什么是有角度的方式来做到这一点？

这是一个愚蠢的壁球场示例http://jsfiddle.net/HByEv/

我认为可能的解决方案可能是 http://jsfiddle.net/HByEv/2/.

如果您还想摆脱额外的< trng-show =“...”>< / tr>,那么还有一个替代方法是在小提琴中评论“无球员”消息.

编辑：

正如指出的那样,在AngularJS 1.2中,现在可以使用ng-repeat-start和ng-repeat-end来解决这个问题.

Jossef Harush提供了一个小提琴：http://jsfiddle.net/3yamebfw/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!