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

Posted 2023-02-23

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

【英文标题】：Dynamic title with angular1.5 components meteor and ui-router

【发布时间】：2016-09-25 02:06:51

【问题描述】：

角度 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
    );

【参考方案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;
      

 )

【讨论】：

@MarkCen 谢谢你的时间，我真的很感激。好吧，我会尝试实现它。我在我的 pluker 中工作link

如何在回调中获取数据并填充元标记？