Angular 6-現在のルートとそのデータを取得します

Question

どのようにして現在のルートを取得し、それがデータであり、子であり、親であるかを取得するにはどうすればよいですか？

これがルート構造であるかどうかを言う：

const routes: Routes = [
  {path: 'home', component: HomeComponent, data: {title: 'Home'}},
  {
    path: 'about', 
    component: AboutComponent, 
    data: {title: 'About'},
    children: [
      {
        path: 'company',
        component: 'CompanyComponent',
        data: {title: 'Company'}
      },
      {
        path: 'mission',
        component: 'MissionComponent',
        data: {title: 'Mission'}
      },
      ...
    ]
  },
  ...
]

現在CompanyComponentにいる場合、現在のルートw/cを取得するにはどうすればよいですかCompany、それを親w/cに取得するにはabout、それはdataであり、ミッションなどの兄弟ですか？

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'];
  }

}