javascript - Angularjs 确定向用户呈现哪个选项卡(指令)?

标签 javascript angularjs twitter-bootstrap

如果我有 5 个选项卡,每个选项卡显示不同的指令,有没有办法确定我正在显示哪个选项卡?我需要一种方法来隐藏某些选项卡,具体取决于正在查看的选项卡。希望有一个简单的方法,使用内置的 Angular 方法或 jquery?我只能想到添加一个对象来存储上次单击的选项卡或其他内容。

最佳答案

在单击每个选项卡时设置选项卡索引变量 (ng-click="selectedTab = 1"),然后根据当前选择的选项卡显示/隐藏选项卡或内容 ( ng-show="selectedTab == 1")。这些内置指令仅计算表达式,因此您可以根据需要在使用它们的方式上获得更多创意。例如:

  • ng-hide="selectedTab == 2 || selectedTab == 5"
  • ng-show="selectedTab > 3 && selectedTab % 2 == 0"

关于javascript - Angularjs 确定向用户呈现哪个选项卡(指令)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27259257/

相关文章:

javascript - JS中模板字符串中的HTML元素

javascript - 在选定的单选按钮上将文本字段类型更改为数字

javascript - 停止将 HTML href 连接到地址栏

java - 现有 webapp 的 GWT Bootstrap 响应式设计与屏幕

Javascript - 如何遍历每个单词并将它们推送到一个空数组

javascript - 我如何检查盒子的背景颜色...?

javascript - 本地存储出现奇怪的 ng-repeat 行为

javascript - 完全迷失在 AngularJS 身份验证实现上

javascript - AngularJS 刷新时漂亮的 URL 路由

javascript - bootstrap 下拉侧边菜单只工作一次