angular-ui-router 用多个视图定义状态

示例

在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>