angular.js - How to get the URL of the current address bar in angular 2

Question

The URL automatically jumps in the background. How does ng2 get the URL in the address bar and the parameters in it?
The answer found online is ng1, and the method is let aid=$location.search().aid;. But $location cannot be found in ng2.

Answer 1

window.location.href
It seems that ng2 method is not needed

Answer 2

angular 2 It’s impossible not to have $location

//1.获取当前完整的url路径  
var absurl = $location.absUrl();  
//http://172.16.0.88:8100/#/homePage?id=10&a=100  
  
//2. 获取当前url路径(当前url#后面的内容,包括参数和哈希值):  
 var url = $location.url();  
 // 结果：/homePage?id=10&a=100  

Angular obtains and modifies the current page URL by injecting $location

Answer 3

window.location.href //URL of the current address bar
this.sub = this.route.params.subscribe(params => {

        let 变量 = +params['参数名'];
        })；
        //当前地址参数

Answer 4

Official example: Location,

    import {Component} from '@angular/core';
    import {Location} from '@angular/common';
    @Component({selector: 'app-component'})
    class AppCmp {
      constructor(location: Location) {
        location.go('/foo');
      }
    }

Answer 5

I also encountered this problem, I really can’t find it, please help me

Answer 6

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

@Component({
    selector: 'demo',
    template: `<p></p>`
})
export class DemoComponent implements OnInit {
    constructor(@Inject(ActivatedRoute) private router: ActivatedRoute) { }

    ngOnInit() {
        this.router.params.subscribe((params: Params) => {
            // params 
        });
    }
}

https://angular.io/docs/ts/la...

Answer 7

Let’s talk about getting parameters,
import {ActivatedRoute} from '@angular/router';
Officially, you have to use rxjs, but it’s okay to force it like this:
this._activatedRoute.params'value'