带参数的Angular 2路由器标题

前端之家收集整理的这篇文章主要介绍了带参数的Angular 2路由器标题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我使用以下表达式为路由器中的角度组件设置页面标题

{path:’view-move /:moveName’,component:ViewMoveComponent,data:{title:’View Move’}}

假设我使用路由器参数获取移动详细信息,包括他的名字,我如何将移动名称放在我的标题中,所以它会像:

查看移动:移动名称

更新:我试过:

import { BrowserModule,Title }  from '@angular/platform-browser';

constructor(public http: Http,private route: ActivatedRoute,private titleService: Title) {
this.titleService.setTitle("My Title");
  }

现在没有标题

解决方法

您需要将TitleService注入组件并使用其setTitle方法.

https://angular.io/docs/ts/latest/cookbook/set-document-title.html

猜你在找的Angularjs相关文章