angular-ui-router 用多个视图定义状态
本文向大家介绍angular-ui-router 用多个视图定义状态,包括了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>