简单的方法

import { Router } from '@angular/router';
constructor(router: Router) { 
      router.events.subscribe((url:any) => console.log(url));
      console.log(router.url);  <---------- to get only path eg:"/signUp"
}

我面临的问题是，当用户在应用程序中导航或访问URL(或在特定URL上刷新)时，我需要URL路径来显示基于URL的子组件。

更重要的是，我想要一个可以在模板中使用的Observable，所以路由器。Url不是一个选项。和路由器。事件订阅，因为在组件模板初始化之前触发路由。

this.currentRouteURL$ = this.router.events.pipe(
     startWith(this.router),
     filter(
         (event) => event instanceof NavigationEnd || event instanceof Router
     ),
     map((event: NavigationEnd | Router) => event.url)
);

希望能有所帮助，祝你好运!

新建路由器>= RC.3

最好和一个简单的方法来做到这一点是!

import { Router } from '@angular/router';
constructor(router: Router) { 
      router.events.subscribe((url:any) => console.log(url));
      console.log(router.url);  // to print only path eg:"/login"
}

当我想要根据路线改变背景时，我面临着这个问题。但它只在我浏览网站时工作，而不是当我刷新页面时。

在router.events.subscribe()中，这是事件。导航时的Url，刷新时的this。router。Url。

现在它起作用了:

import { ActivatedRoute, Router, NavigationStart } from '@angular/router';

constructor(private router: Router) {}

public ngOnInit() {
    this.router.events.subscribe((events:any) => {
        let theme = '';
        if (events instanceof NavigationStart) { theme = events.url; }
        else { theme = this.router.url; }
        
        if(theme === '/videos') { ... }
}

方法1:使用Angular: this.router.url

import { Component } from '@angular/core';

// Step 1: import the router 
import { Router } from '@angular/router';

@Component({
    template: 'The href is: {{href}}'
    /*
    Other component settings
    */
})
export class Component {
    public href: string = "";

    //Step 2: Declare the same in the constructure.
    constructor(private router: Router) {}

    ngOnInit() {
        this.href = this.router.url;
        // Do comparision here.....
        ///////////////////////////
        console.log(this.router.url);
    }
}

方法二:窗口。如果你不想使用路由器，就像我们在Javascript中做的那样

this.href= window.location.href;

要在angular 8中获取当前路由器，只需这样做

import {ActivatedRoute} from '@angular/router';

然后在构造函数中注入它

constructor(private route: ActivatedRoute){}

如果你想获取当前路由，那么使用这个route.url

如果你有多个名称路由，比如/home/pages/list你想访问单个，那么你可以访问每个，比如这个route。url。value[0]。path

值[0]会给你主页，值[1]会给你页面，值[2]会给你列表