如何使用ui-router为一个模块创建两个独立的ui视图

Question

是否可以使用ui-router为一个模块创建两个独立的ui视图。 任务是让ui-views“知道”放置当前状态的位置，使之成为重定向。

Answer 1

是的，这是一个例子，给每个'视图'它自己的命名控制器（在这种情况下导入）：

$stateProvider
  .state('content_one', {
    url: '/content1',
    views: {
      '@main': {
        controllerAs: 'vm',
        controller: StateOneMainController
      },
      '@other': {
        controllerAs: 'vm',
        controller: StateOneOtherController
      }
    }
  })
  .state('content_two', {
    url: '/content2'
  });

然后在你的模板中

<div ui-view="main" id="main"></div>
<div ui-view="other" id="other"></div>