AngularJs：ルートプロバイダのタブ？

Question

私はAngularJsを初めて利用しています。私はAngular Routing Conceptで働いています。たくさんの提案があり、ルーティングの例があり、私はそれを研究しています。しかし、私の要求を満たしていない。ヘッダー、フッター、およびng-viewを持つJSPページで1つの親コントローラーを設計したいと思います。 ng-viewでは、2つのタブ（Tab1.htmlとTab2.html）が表示されなければなりません。親コントローラは現在どのタブがアクティブであるかを選択する必要があります（このケースは重要で、これを行う方法はありません）。タブ1とタブ2には、別々のサブコントローラを持つ各htmlページがあります。

ng-viewセクションにBootstrapタブを挿入しない理由は、各タブの上に、表示する必要があることです。たとえば、tab1がアクティブな場合はbutton1、label1はtab1の上に表示し、 tab2がアクティブな場合、button2、label2はタブ2の上に表示されなければなりません。したがって、ng-viewに表示する必要があるhtmlページの両方にBootstrapタブを使用することをお勧めします。

私は明確にあなたを説明知らない、私の要件を満たすいくつかのテンプレートで私を提案してください。事前

Answer 1

Angular UI Routerで

おかげで非常によくこれを処理します。 UIルータを使用してHere's a good introに転送します。

基本的に、ヘッダーとフッターを制御するページ全体を表す最上位状態と、（ng-viewを置き換える）ui-viewが存在します。トップレベル状態の2つの子状態があり、どの状態（タブ）がアクティブであるかに応じて表示されるコンテンツを制御します。各状態には独自のコントローラとビューがあり、それらはすべて個別に管理でき、どの状態が非常に簡単にクリックされるかに基づいてヘッダー内のボタンを変更することができます。