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

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 4

比较笨的办法，但是能获取到，自己在打印的内容中看看。
import { Component, OnDestroy, Inject, Optional, OnInit } from '@angular/core';
import { PlatformLocation } from '@angular/common';
@Component({
selector: 'passport-login',
templateUrl: './login.component.html'
})
export class UserLoginComponent implements OnDestroy {
constructor(
public platformLocation: PlatformLocation,
) {
const p: any = this.platformLocation;
console.log(p.location);
console.log(p.location.hostname);
}