[Angular2 Router] Setup page title with Router events
2024-08-24 21:49:27
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']));
}
}
最新文章
- 搭建一个简单的svn服务器
- Ue4的GitHUB版本版本管理探索
- Qt 5.3.1 版本应用程序的发布问题
- C#从服务器下载文件到客户端源码
- HDOJ 1162
- Facebook内部分享:25个高效工作的小技巧
- javaee 集锦
- sublime搭建Java编译平台及编码问题
- PE文件结构详解(五)延迟导入表
- SQL SERVER 查询Job作业基本信息及执行情况
- ETLLib库走读
- 信用卡/借记卡充值p2p平台
- 单片微机原理P4:80C51串口与串行总线拓展
- TCP/IP笔记 三.运输层(3)——TCP超时重传算法
- 早期MyBatis开发与接口式Mybatis开发的简介
- Mysql 的 create as 和create like 区别
- linux环境快速编译安装python3.6
- Windows字符集安装
- <;<;Linux kernel development>;>; Process Management
- bash 设置