angularjs - 使用 Bootstrap 和 Angular 的垂直导航栏

标签 angularjs

各位,

我正在尝试在我的页面中实现垂直导航栏。该页面将由 Angular 渲染。 不知怎的,我无法让它发挥作用。不确定我在这里缺少什么。

点击不同的选项卡不会显示各自的页面。

任何人都可以提供的任何线索将不胜感激。

这是我为故障排除创建的 plnkr: http://plnkr.co/edit/dzfv8VMWCJk8cywgy5mm

最佳答案

您需要动态设置nav-tabstab-content下元素的类。实现此目的的最简单方法是使用 ng-class 属性,该属性调用 Controller 中的函数为每个选项卡返回适当的类。要设置事件选项卡,请在 nav-tabs 上使用 ng-click

这是 Plunker 中的一个工作版本: http://plnkr.co/edit/UBBq7V8mdyqllBHdwegY

关于angularjs - 使用 Bootstrap 和 Angular 的垂直导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18599753/

相关文章:

jquery - AngularJS : Directive : Animate sliding pages and postpone controller binding

angularjs - chai-as-promised 错误地通过了测试

javascript - 将 $http 服务注入(inject) $http 拦截器?

javascript - 如何处理并不总是返回 promise 的函数?

javascript - 在 Angular 引导 datetimepicker 中禁用所有以前的日期

javascript - AngularJS ui-grid enableCellEdit 不编辑

angularjs - 将所有 Angular 模板编译为一个 js 文件

javascript - 在 django 项目中放置 Angular ng-templates 的位置

javascript - 我收到类型错误 : transclude is not a function and also can't able to bind select options value in select2 in angularjs

javascript - 如何使直方图面板中的条形可点击 - kibana ES