首页 > 代码库 > [Angular2 Router] Setup page title with Router events

[Angular2 Router] Setup page title with Router events

Article

 

import rxjs/add/operator/filter;import rxjs/add/operator/map;import rxjs/add/operator/mergeMap;import { Component, OnInit } from @angular/core;import { Router, NavigationEnd, ActivatedRoute } from @angular/router;import { Title } from @angular/platform-browser;@Component({...})export class AppComponent implements OnInit {  constructor(    private router: Router,    private activatedRoute: ActivatedRoute,    private titleService: Title  ) {}  ngOnInit() {    this.router.events      .filter(event => event instanceof NavigationEnd)      .map(() => this.activatedRoute)      .map(route => {        while (route.firstChild) route = route.firstChild;        return route;      })      .filter(route => route.outlet === primary)      .mergeMap(route => route.data)      .subscribe((event) => this.titleService.setTitle(event[title]));  }}

 

[Angular2 Router] Setup page title with Router events