ui-route在路由到模板时如何渲染多ui-view

Question

我的要求是：

index.html  
   -- /login  
   -- /main/tab1
   -- /main/tab2
   -- /userinfo

ui就像：

• 标题：logo，userinfo
• left-nav：切换tab1 / tab2 / tabN
• 正确的内容：ui-view to change，and multi sub ui-view，

和UI细节：

• 登录将是一个独立页面，没有标题，左侧导航，右侧内容
• 主要/标签只会更改正确的内容
• / userinfo会将left-nav和right内容替换为某个userinfo页面，保留标题，当然使用ui-view

我已经看过ui-route演示，但是按照演示，我不知道如何构建路由配置到我想要的，所以任何人都可以帮助我吗？ ui-route配置有点复杂.....
如果我的网址定义不完美，请帮我改进网址结构，谢谢

Answer 1

如果您已经看过该演示并理解它，那么这应该是有道理的：

.state('index', {
    url: '/',
    templateUrl: //your index.html template path,
    controller: // your controller if any for index page
  })

  .state('index.login', {
      url: '/login',
      templateUrl: // your login template,
      controller: // controller for login page
  })

    .state('index.mainTab1', {
        url: '/main/tab1',
        templateUrl: // your tab1 template,
    })

以相同的方式添加其他状态，您应该准备好了。