ui路由中的页面标题答案

【问题标题】：Page title in ui routingui路由中的页面标题
【发布时间】：2016-08-08 09:10:09
【问题描述】：

我正在使用 ui 路由。如果标题是静态或硬代码，我想设置页面标题，它工作正常，但我想根据动态状态设置页面标题。这是我的代码：

    .state('sportsbrief', {
    url: '/sportsbrief',
    controller: 'homeController as home',
    templateUrl: HTML.SPORTS_BRIEF,
    title:"sportsbrief"
  })
  .state('page',{
    url:'/page/:page',
    templateUrl:function(value){
      return"views/"+value.page+".html"
    },
    controller:"staticPageController",
    title:value.page

  })

我想为状态页面设置页面标题。

【问题讨论】：

Updating title tag using AngularJS and UI-Router的可能重复
@shankulkarni .....对于正在出现的sportsbrief状态页面标题，我想根据路由中定义的动态url设置状态页面
请检查：github.com/nonplus/angular-ui-router-title $stateProvider .state('home', { ... resolve: { // 常量标题 $title: function(val) { return val; } } })

标签： javascript angularjs routing angular-ui-router

【解决方案1】：

您可以在应用程序中使用 angular-ui-router-title，它允许动态标题更新。 https://github.com/nonplus/angular-ui-router-title

参考：Updating title tag using AngularJS and UI-Router

【讨论】：