dynamische Titel mit angular1.5 Komponenten Meteor und ui-Router

Question

• Winkel 1,5
  • Meteor
  • Winkel-ui-Router

Wie Sie in den Tutorial-Parteien von Angu kennen lar-Meteor Webseite, gibt es eine Komponente <navigation></navigation> genannt und <ui-view></ui-view>

meine Frage ist:

, wie man einen dynamischen Titel werden kommen würde? Ich meine, dass stattdessen "Home title" ein "Details title" sein wird, oder andere Titel vom .state abhängen. Es ist möglich, eine Namensvariable an die Navigationskomponente zu übergeben?

Ich denke, dass mit bindings in .components.config aber ich weiß nicht wie.

iIn dem angehängten IMG habe ich als Elternkomponente Zugriff und ihre Kinder sind Login, Registrator und vergessen. Der Titel der einzelnen .states würde

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

In dem js in der Titelkomponente sein:

function config($stateProvider) { 
    'ngInject'; 

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

Answer 1

Sie Hörer auf $stateChangeSuccess Ereignis hinzufügen könnten, und legen Sie Dokumenttitel in Veranstaltung Handler. $stateChangeSuccess Ereignis würde gefeuert werden, wenn der Zustandsübergang abgeschlossen ist:

$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; 
    } 

})