定義具有多個檢視的狀態

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