在 Angular 6 中，我如何访问 app.component.ts 中的路由值答案

【问题标题】：In Angular 6 how do I access route values in app.component.ts在 Angular 6 中，我如何访问 app.component.ts 中的路由值
【发布时间】：2019-04-11 03:37:54
【问题描述】：

我是 Angular 6 的新手。不过，我已经使用 angularjs 多年了。我试图制定路由和构建应用程序。我希望能够访问 app.compnent 中的路由值。我在这里有我网站的模板，并且基于路由参数，我需要能够更改主题。我有一个名为 modulePath 的路由参数，它将始终存在于所有路由中。由于 app.component 包含路由器插座，尽管它似乎无法访问路由值。对此的任何帮助将不胜感激。也许我完全走错了路。

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router, NavigationStart, NavigationEnd} from 

'@angular/router';
import { Location } from '@angular/common';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  title = 'Ang';
  modulePath: string;
  private sub: any;

  constructor(
    private route: ActivatedRoute,
    router: Router,
    private location: Location
  ) {

  }

  ngOnInit(): void {
    this.sub = this.route.params.subscribe(params => {
      this.modulePath = params['modulePath'];
      console.log(params);
    });
  }
}

【问题讨论】：

标签： routing angular6

【解决方案1】：

对于我的特定问题，我找到了解决方案。我不知道您可以在另一个路由器插座已显示的组件中拥有一个路由器插座。对我来说，我现在有一个包含模块名称并设置站点主题的父路由。

这是另一个帖子的链接。这里给出的答案显示了如何在路线中做路线。 Angular 2, RC5 router-outlet inside another router-outlet

【讨论】：