javascript - 单击 Angular.js 中的上一行显示下一行(隐藏的行)

标签 javascript html angularjs

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

相关文章:

javascript - 一段时间后,XSRF cookie 在 Android 版 Chrome 上丢失

javascript - Stringify 返回 Object 对象?

html - 将内联 block 应用于 div,但仍然很奇怪

javascript - AngularJS:多个异步调用 - 如何

javascript - 在 Angular jhipster 实体中使用 $http

javascript - jquery $ ("#id".html(data) 不适用于 firefox,但适用于 chrome

javascript - 创建带有 Angular 变量作为属性值的div

javascript - 如何使用链接和 onbeforeunload 在 ie 中关闭窗口?

html - 如何在不同页面上使菜单项大小不同

javascript - Angular Material 菜单在移动设备中触发点击事件 2 次