タブごとに別々のコントローラを持つ角度uiタブ

Question

それぞれのタブに独自のコントローラを持つブートストラップタブセットを作りたいと思います。誰かが私がどの方向に向かうべきかを指摘できますか？

現在、いくつかの差分コントローラを作っています。これは、別のルートとして表示するのではなく、タブセットで使用したいと考えています。

私はアクティブとして与えられたコントローラ]タブを表示し、差分コントローラテンプレートにタブセットを持っていることによって、私は偽の可能性、それを知っているが、私は（各タブの）いくつかの子コントローラとメインTabControllerを持ってできるようにしたいと思います

Answer 1

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

• タブおよびネストされたUIビューは、それぞれがそれぞれの子状態抽象状態から

• をすることができます継承し、あなたのタブのそれぞれの子状態を作成します含むビューを抽象状態を作成します。ネストされた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を使用している場合。タブではなくディレクティブでコードを区切ります