首頁猿問 ...

我該怎么獲取當前地址欄的URL，使用angular 2?

AngularJS 接口測試

富國滬深 2019-11-12 21:10:08

angular 2 怎么獲取當前地址欄的URL

查看完整描述

4 回答

阿波羅的戰(zhàn)車

TA貢獻1862條經(jīng)驗獲得超6個贊

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

反對回復 2019-11-23

慕桂英3389331

TA貢獻2036條經(jīng)驗獲得超8個贊

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
});
}
}

反對回復 2019-11-23

慕碼人8056858

TA貢獻1803條經(jīng)驗獲得超6個贊

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

反對回復 2019-11-23

慕桂英546537

TA貢獻1848條經(jīng)驗獲得超10個贊

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
});
}