每個標籤有獨立控制器的角度UI標籤

Question

我想爲每個標籤都設置一個引導標籤集，它有自己的控制器。任何人都可以指出我應該走哪個方向。

目前我做了幾個不同的控制器，我希望在一個tabset中使用，而不是讓他們顯示爲不同的路線。

我知道我可以僞造它通過在偏差控制器模板的標籤集顯示給定的控制器選項卡，活躍，但我希望能夠有幾個子控制器主要TabController（每個標籤）

Answer 1

如果您使用的是角度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.通過指令分開你的代碼不是標籤