每个标签有独立控制器的角度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.通过指令分开你的代码不是标签