gpt4 book ai didi

javascript - 使用 Angular 复选框切换动态表列

转载 作者:搜寻专家 更新时间:2023-11-01 04:26:02 24 4
gpt4 key购买 nike

我正在学习 Angular,并且正在为 Web 应用构建权限表。应用内有多种工具,不同的用户有不同的权限。我想要复选框来控制表格中显示的用户。

这里有一个jsbin给你演示:http://jsbin.com/epuziq/2/edit

我可以获得用于切换标题的复选框,但我正在努力研究如何隐藏与标题关联的表格数据列。我可以更改 JSON 以适应任何解决方案。

有没有办法用 Angular 做到这一点?感谢您的帮助。

最佳答案

我将填充在您表格中的代码更改为下面的代码,它工作正常!

<tr ng-init="headers = permissions.headers"
ng-repeat="tabledata in permissions.tool1">
<td>{{ tabledata.permission }}</td>
<td ng-show="headers[0].selected">{{ tabledata.userone }}</td>
<td ng-show="headers[1].selected">{{ tabledata.usertwo }}</td>
<td ng-show="headers[2].selected">{{ tabledata.userthree }}</td>
<td ng-show="headers[3].selected">{{ tabledata.userfour }}</td>
<td ng-show="headers[4].selected">{{ tabledata.userfive }}</td>
</tr>

此外,在您的用例中,将用户与权限级别关联起来更有意义,而不是相反,您本可以避免这种困惑。例如,对于像您这样的用例,以下集合将是小菜一碟。

"users" : [
{
"title": "User One",
"filter": "userone",
"selected": true,
"permission 1" : yes,
"permission 2" : yes,
"permission 3" : no
}
... and so on

关于javascript - 使用 Angular 复选框切换动态表列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17327381/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com