我们有一个 html 数据表,其中有备用行。一行的状态为 SHOW,另一行的状态为 DONE。例如,
<table ng-repeat="item in dataSet| ng-hide="item.Status == 'DONE')"><tr><td ng-click ="showDoneRow();">{{item.PrimaryKey}}</td><td>{{item.Status}}</td></tr></table>
现在,单击 Status SHOW 行的 PrimaryKey,我们需要 ng-show 状态为 DONE 的下一行。请记住,状态为 DONE 的行已被隐藏。
请任何人为我提供任何解决方案。
最佳答案
首先,您在错误的位置重复了,您正在重复一个表格,而您应该重复一行。然后将 ng-hide 与 ng-repeat 分开编写
<table ng-repeat="| )">
<tr ng-repeat="item in dataSet" ng-init="item.display = item.Status !== 'DONE'" ng-show="item.display">
<td ng-click="dataSet[$index+1].display=true">{{item.PrimaryKey}}</td>
<td>{{item.Status}}</td>
</tr>
</table>
并勾选ng-click,设置ng-show。 使用 ng-init 我创建了一个新的属性显示,它决定是否显示/隐藏该项目。 然后单击获取下一个项目索引并将其显示属性设置为 true
关于javascript - 单击 Angular.js 中的上一行显示下一行(隐藏的行),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25444576/