與angular1.5部件流星和UI路由器

Question

• 角動態標題1.5
  • 流星
  • 角-UI-路由器

正如你在教程方面從angu知道LAR-流星網頁，存在一個名爲<navigation></navigation>和<ui-view></ui-view>

我的問題組件：

將如何來動態標題？我的意思是，相反，「首頁標題」將成爲「詳細標題」，或其他標題依賴於.state。 可以將名稱變量傳遞給導航組件？

我認爲bindings在.components.config但我不知道如何。

iIn img附上我作爲父組件訪問和他們的孩子是登錄，註冊和忘記。每個.states的標題將在標題組件

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

在JS：

function config($stateProvider) { 
    'ngInject'; 

    $stateProvider 
     .state('login', { 
      url: '/login', 
      template: '<login></login>' 
      I think that here is the bindings jajaja 
    }); 
} 

Answer 1

，你可以在$stateChangeSuccess事件添加監聽器，並在事件中設置文檔的標題處理程序。 $stateChangeSuccess事件將被解僱，一旦狀態轉換完成：

$rootScope.$on('$stateChangeSuccess', function(event, toState){ 

    switch(toState.name){ 
     case 'detail': document.title = 'Detail Page';break; 
     case 'main': document.title = 'Main Page';break; 
     case 'profile': document.title = 'Profile Page';break; 
    } 

})