问题描述：

我在使用Angular时遇到了一个问题，我无法获取根路径“/”。我已经尝试了多种方法，但没有成功。以下是我的代码示例：

app.component.ts：

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  constructor(private router: Router, private activatedRoute: ActivatedRoute) {}

  ngOnInit() {
    this.router.events.subscribe(event => {
      console.log(event);
      console.log(this.activatedRoute.snapshot.url[0].path);
    });
  }
}

app.component.html：

问题解决方法：

要获取根路径“/”，您可以使用this.router.url而不是this.activatedRoute.snapshot.url[0].path。以下是修改后的代码示例：

app.component.ts：

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  constructor(private router: Router) {}

  ngOnInit() {
    this.router.events.subscribe(event => {
      console.log(event);
      console.log(this.router.url);
    });
  }
}

现在，this.router.url将返回当前路由的路径，包括根路径“/”。

希望这可以帮助您解决问题！