支持路由的AngularJS UI Bootstrap选项卡

Question

我想在我的项目中使用AngularJS UI Bootstrap选项卡,但我需要它来支持路由.

例如:

Tab         URL
--------------------
Jobs       /jobs
Invoices   /invoices
Payments   /payments

据我所知,源代码中,当前tabs和pane指令不支持路由.

添加路由的最佳方法是什么？

Answer 1

要添加路由,通常使用ng-view指令.我不确定修改角度UI以支持你正在寻找的东西是很容易的,但这里是一个大概显示我认为你正在寻找的东西(它不一定是最好的方式 - 希望有人可以给你是一个更好的解决方案或改进这个)

Answer 2

使用data-target ="#tab1".为我工作

Answer 3

我也有这个要求,我正在做类似于Chris提供的答案,但我也使用AngularUI路由器,因为ngRouter不支持嵌套视图,你可能会在另一个视图中有标签内容视图(我做了),这不适用于ng-view.

Answer 4