AngularJs：選項卡的路由提供程序？

Question

我是AngularJs的新手。我在Angular Routing Concept工作。有很多的建議和例子可用於路由，我正在研究它。但它不符合我的要求。我想在具有頁眉，頁腳和ng-view的JSP頁面中設計一個父控制器。在ng視圖中，必須顯示兩個選項卡（Tab1.html和Tab2.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視圖（其取代了NG-視圖）整個頁面的頂部電平狀態。將有兩個頂級狀態的子狀態，它們將根據哪些選項卡（狀態）處於活動狀態來控制顯示的內容。每個狀態都有自己的控制器和視圖，這意味着它們都可以單獨維護，並且可以根據非常容易點擊哪個狀態來更改標題中的按鈕。