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>