带有angular1.5组件meteor和ui-router的动态标题

Question

• 角度 1.5
  • 流星
  • angular-ui-router

正如您在 angular-meteor 网页的教程派对中所知道的，存在一个名为 <navigation></navigation> 和 <ui-view></ui-view> 的组件

我的问题是：

如何获得动态标题？我的意思是，“主页标题”将是“详细信息标题”，或者其他标题取决于 .state 。 可以将名称变量传递给导航组件吗？

我认为在.components.config 中使用bindings，但我不知道如何。

我在附加的 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;
     } 

 })