各タブに別々のコントローラを持つ角度UIタブ

Question

各タブが独自のコントローラを持つブートストラップタブセットを作成します。誰かが私が行くべき方向に私を指していることができます。

現在私はいくつかの差分コントローラを作りました。

私は、差分コントローラテンプレートのタブセットをアクティブとして表示するテンプレートのタブセットを偽造することで、私はそれを偽造することができることを知っていますが、いくつかの子コントローラを持つメインTabControllerを持つメインタブコントローラを持つことができます（各タブの場合）

Answer 1

Angular UIルーターを使用している場合は、ネストされた状態を使用してこれを行うことができます。

• タブとネストされたUI-View
を含むビューを持つ抽象状態を作成します。
• 各タブに子の状態を作成し、それぞれ抽象状態
から継承します。

• 各子状態は、入れ子になったUIビューの内容を設定し、コントローラを定義することができます

   $stateProvider.state( 'tabs', {
      abstract: true,
          url: 'tabs',
          views: {
            "tabs": {
              controller: 'TabsCtrl',
              templateUrl: 'tabs.html'
            }
          }
        })
        .state('tabs.tab1', {
            url: '',  //make this the default tab
            views: {
            "tabContent": {
              controller: 'Tab1Ctrl',
              templateUrl: 'tab1.html'
            }
          }
        })
        .state('tabs.tab2', {
            url: '/tab2',
            views: {
            "tabContent": {
              controller: 'Tab2Ctrl',
              templateUrl: 'tab2.html'
            }
          }
        });
  

Answer 2

それが自身のコントローラを持つ各タブにディレクティブを置かないのですか？1.xを使用している場合ディレクティブのタブではなくコードを区別します。