定义具有多个视图的状态

在 ui-router 中，状态可以包含多个视图，每个视图都有自己的控制器和模板

.state('dashboard', {
     name: 'dashboard',
     url: '/dashboard',
     views: {
         "view1": {
             templateUrl: "path/to/view1.html",
             controller: "view1Controller"
         },
         "view2": {
             templateUrl: "path/to/view2.html",
             controller: "view2Controller"
         }
     }
 })

然后在状态的 HTML 中，你可以链接这些视图

<div ui-view="view1"></div>
<div ui-view="view2"></div>