一:使用UI-Router设置页面标题
========================1=============================
.run(['$rootScope', '$state', '$stateParams',
function($rootScope, $state, $stateParams) {$rootScope.$state = $state;
$rootScope.$stateParams = $stateParams;
}
])
===================2==============================
.state("user_overview", {
url: "/user_overview",
title: 'Setting Users',
views: {
'settingdetailView': {
controller: "user_overviewCtr",
templateUrl: 'setting/users/users_overview.html'
}
}
}).
===================3==============================
<title >{{ $state.current.title }}</title>
===================4==============================
console.log($state)
二:嵌套路由
首先在父层 外面有个 ui-view
父亲 routejs
.state('DTWithDetail',{//decision task显示Tab
url:'/DTWithDetail',
URLtitle:"DTWithDetail",
templateUrl:'task.decision.withDetail.html',
controller:'taskDecisionController',
resolve: {
loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad){//按需加载JS
$ocLazyLoad.load(baseUrl + 'js/controller/project/project.detail.buttons.js')
$ocLazyLoad.load(baseUrl + 'js/controller/project/project.schedule.js')
$ocLazyLoad.load(baseUrl + 'js/controller/project/project.schedule.modal.js')
$ocLazyLoad.load(baseUrl + 'js/controller/project/project.viewFile.js')
$ocLazyLoad.load(baseUrl + 'js/controller/project/project.viewFile.modal.js')
$ocLazyLoad.load(baseUrl + 'js/controller/project/project.data.js')
$ocLazyLoad.load(baseUrl + 'js/controller/project/project.data.modal.js')
$ocLazyLoad.load(baseUrl + 'js/controller/project/project.document.js')
$ocLazyLoad.load(baseUrl + 'js/controller/project/project.timeCost.js')
$ocLazyLoad.load(baseUrl + 'js/controller/project/project.timeCost.modal.js')
$ocLazyLoad.load(baseUrl + 'js/controller/project/project.schedule.addEdit.task.js')
return $ocLazyLoad
}]
}
})
然后父层 里面又有个 ui-view
子路由js
.state(DTWithDetail.translations',{//standard task显示 translations Tab
url:'/translations',
URLparent:'DTWithDetail',
URLtitle:"translations",
})*/