ui-router单页多视图的应用

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

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

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

同时css样式也加载两遍

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

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

如下:

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

  views指定显示的路径

html配置如下:

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

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

posted @ 2017-03-30 11:35  love_飞影  阅读(15)  评论(0)    收藏  举报