AngularJs：选项卡的路由提供程序？

Question

我是 AngularJs 的新手。我正在使用 Angular 路由概念。路由有很多建议和示例，我正在研究它。但它不符合我的要求。我想在 JSP 页面中设计一个具有页眉、页脚和 ng-view 的父控制器。在 ng-view 中，必须显示两个选项卡（Tab1.html 和 Tab2.html），父控制器必须选择当前处于活动状态的选项卡（这种情况很重要，我不知道该怎么做）。 Tab 1 和 Tab2 的每个 html 页面都有单独的子控制器。

为什么我没有在 ng-view 部分插入 Bootstrap 选项卡意味着，在每个选项卡上方还有一些其他视图必须显示，例如，如果 tab1 处于活动状态，则 button1、label1 必须显示在 tab1 上方，如果tab2 处于活动状态，button2，label2 必须显示在 tab2 上方。所以我建议对必须在 ng-view 中显示的 html 页面使用 Bootstrap 选项卡。

我不知道我解释清楚了，请给我一些满足我要求的模板。

提前致谢

Answer 1

Angular UI Router 处理得很好。 Here's a good intro 使用 UI 路由器。

基本上，会有一个代表整个页面的顶级状态，它控制页眉和页脚以及 ui-view（它取代了 ng-view）。顶级状态将有两个子状态，它们将根据哪个选项卡（状态）处于活动状态来控制显示的内容。每个状态都有自己的控制器和视图，这意味着它们都可以单独维护，您可以非常轻松地根据单击的状态更改标题中的按钮。