如何使用路由数据在Angular 8中设置动态页面标题

Question

如何使用组件中的路由数据在Angular 8中设置动态页面标题？

Answer 1

您可以从快照中访问路由的data属性，如下所示：

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
    templateUrl: './app/home/welcome.component.html'
})
export class WelcomeComponent implements OnInit {
    public pageTitle: string;

    constructor( private route: ActivatedRoute) {
    } 

    ngOnInit(): void {
     this.pageTitle = this.route.snapshot.data['title'];
  }

}