我该怎么获取当前地址栏的URL，使用angular 2?

Question

angular 2 怎么获取当前地址栏的URL

Answer 1

在Angular8中使用PlatformLocation类，此类保存url链接信息，如基地址，端口号等。使用如下：
constructor(private platformLocation: PlatformLocation) {}
ngOnInit() {
console.log(this.platformLocation.href);//href属性即是当前url
}

Answer 2

import { Component, OnInit, Inject } from '@angular/core';
import {ActivatedRoute, Params} from '@angular/router';
@Component({
selector: 'demo',
template: `<div></div>`
})
export class DemoComponent implements OnInit {
constructor(@Inject(ActivatedRoute) private router: ActivatedRoute) { }
ngOnInit() {
this.router.params.subscribe((params: Params) => {
// params
});
}
}

Answer 3

rootScope.$on('$stateChangeSuccess', function (ev, to, toParams, from, fromParams) {
$rootScope.previousState = from;
$rootScope.previousParams = fromParams;
});

Answer 4

import { Component, OnInit, Inject } from '@angular/core';
import {ActivatedRoute, Params} from '@angular/router';
@Component({
selector: 'demo',
template: `<div></div>`
})
export class DemoComponent implements OnInit {
constructor(@Inject(ActivatedRoute) private router: ActivatedRoute) { }
ngOnInit() {
this.router.params.subscribe((params: Params) => {
// params
});
}