Question

我们有一个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>

现在点击带有状态显示的行的PrimaryKey，我们需要用状态DONE显示下一行。请记住已经隐藏状态为DONE的行。

任何人都可以为我提供任何解决方案。

Answer 1

首先，你在错误的地方重复，你正在重复一个表，你应该重复一行。然后将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我创建了一个新的属性显示，它决定是否显示/隐藏项目。然后单击获取下一个项目索引并将其display属性设置为true

单击Angular.js中的上一行显示下一行（隐藏）

1 个答案: