AngularJs：Tab的路由提供者？

Question

我是AngularJs的新手。我在Angular Routing Concept工作。有很多建议和示例可用于路由，我正在研究它。但它没有满足我的要求。我想在JSP页面中设计一个父控制器，它具有页眉，页脚和ng-view。在ng-view中，必须显示两个选项卡（Tab1.html和Tab2.html），父控制器必须选择当前处于活动状态的选项卡（这种情况很重要，我不知道如何执行此操作）。选项卡1和选项卡2的每个html页面都有单独的子控制器。

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

我不知道我清楚地解释了你，请建议我提供一些符合我要求的模板。

提前致谢

Answer 1

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

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