javascript - AngularJS 单页应用程序中的可切换选项卡?

标签 javascript angularjs mean-stack meanjs

我有一个MEAN.JS应用程序正在运行。它是一个使用 AngularJS 主题标签路由的单页应用程序。

我想实现Bootstrap的可切换选项卡,但为了让它们工作,他们使用主题标签来切换选项卡(例如 www.example.com/#tab1www.example.com/#tab2) 。一切都很好,但由于 AngularJS 的路由,我无法以这种方式使用主题标签。有什么解决方法可以使可切换选项卡在 AngularJS 单页应用程序环境中工作吗?

提前致谢,我会接受帮助我解决此问题的答案。

最佳答案

您使用 AngularJS 路由这一事实不应妨碍您使用 Bootstrap 选项卡的 AngularJS 变体。

请参阅以下链接。

http://angular-ui.github.io/bootstrap/#/tabs

关于javascript - AngularJS 单页应用程序中的可切换选项卡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29110014/

相关文章:

javascript - Meteor Template 不会在每个语句中输出数据

javascript - Angular/Socket.io/HTML/从 HTML 中的 <script> 内调用 Controller 的函数

javascript - 函数内输入未定义的值

node.js - Angular 不显示创建的对象,直到我刷新页面

angularjs - 具有依赖项的 registerModule

javascript - 通过在 Drupal 7 中使用 JQuery 更改背景图像 CSS 属性来进行幻灯片放映

javascript - 使用 JQuery/Json 填充选择列表的最佳方式?

javascript - Bootstrap 轮播不会滚动/加载

javascript - Angularjs 模式 : Returning state from service

javascript - 如果值是一个对象,则该值在 mat-select 下拉列表中不具有约束力