我正在遷移基于AngularJS的應用程序以使用ui-router而不是內置路由。我將其配置如下所示.config(function($stateProvider, $urlRouterProvider) {$urlRouterProvider.otherwise('/home');$stateProvider .state('home', { url: '/home', templateUrl : 'views/home.html', data : { pageTitle: 'Home' } }) .state('about', { url: '/about', templateUrl : 'views/about.html', data : { pageTitle: 'About' } }) });如何使用pageTitle變量動態設置頁面標題?使用內置的路由,我可以$rootScope.$on("$routeChangeSuccess", function(currentRoute, previousRoute){ $rootScope.pageTitle = $route.current.data.pageTitle; });然后在HTML中綁定變量,如下所示<title ng-bind="$root.pageTitle"></title>是否可以使用ui-router進行類似的活動?我注意到有“ onEnter”和“ onExit”函數,但它們似乎與每個狀態相關,將需要我重復代碼以為每個狀態設置$ rootScope變量。
- 3 回答
- 0 關注
- 780 瀏覽
添加回答
舉報
0/150
提交
取消