ui-router单页多视图的应用

在使用ui-router时，需要配置state代替when

当一个页面需要用到两个view视图时，

如果取巧使用ng-view和ng-show来配合会造成控制器加载两次的情况，

同时css样式也加载两遍

和basectrl造成的影响是相同的，

此时解决办法是使用ui-router的配置

如下：

?

1 2 3 4 5 6 7 8 9

.state('login', {                 url: '/login',                 views: {                     '': {                         templateUrl : 'js/templates/login.html',                         controller : 'LoginCtrl'                     }                 }             })

　　views指定显示的路径

html配置如下：

<div ui-view=""></div>
<div ui-view="main"></div>

views的配置里指定显示的视图