angular ui 路由器设置页面标题

Question

我正在使用 UI 路由器在混合（angularjs 和 angular）应用程序之间进行路由，为此我正在使用以下

export const homeState: Ng2StateDeclaration = {
    name: 'home.about',
    component: HomeComponent
};

我如何通过这个设置页面的标题，我尝试添加一个额外的属性 title: 'titleName' 但是这没有用，我也尝试将相同的属性添加到 params 属性也没有任何运气。有什么建议吗？

Answer 1

您需要使用 Title 由 angular

提供的服务

// Import the native Angular services.
import { Component } from '@angular/core';
import { Title }     from '@angular/platform-browser';

@Component({
selector: 'app-root',
template:
  `<p>
    Select a title to set on the current HTML document:
  </p>
  `
})
export class AppComponent {
  public constructor(private titleService: Title ) { }

  public setTitle( newTitle: string) {
    this.titleService.setTitle( newTitle );
  }
}

这里有一个运行Example

更多请参考Angulat Docs

angular ui 路由器设置页面标题

angular ui router setting the page title

angular

angular-ui-router