Angular页面嵌套多视图初始化问题

一、问题解决方法

（1）这个问题其实就是ui-view中的视图继承问题。

（2）在页面初始化的视图中还有一个ui-view,

 <div class="col-md-10 fadeAnimate basicDataRight" ui-view  >

（3）在views属性节点中写上@basicData这句话的作用就是默认继承basicdata视图，并初始化嵌套视图的加载页面。可以给ui-view起名称，名称写在@符号前面。

 $stateProvider
                .state('basicData',{
                    url:'/basicData',
                    views:{
                        "@":{
                            templateUrl:'module/basicDataManagement/basicData.html', controller: 'baseDateCtrl'
                        },
                        "@basicData":{templateUrl:'module/basicDataManagement/basicData.heritage.html', controller: 'TongYongCtrl'}
                    }
                })

二、在此特别感谢中国前端angular大牛，中国十佳好同事，旅游界的程序员，富二代陈卫冰提供的解决方法。

三、参考博文：学习ui-router-多个命名的视图   http://bubkoo.com/2014/01/01/angular/ui-router/guide/multiple-named-views/