首页 > 代码库 > [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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。