Angular2 получить параметры запроса url

Ответ 1

Вот мой последний рабочий код:

Импорт

import { Router, NavigationCancel } from '@angular/router';
import { URLSearchParams, } from '@angular/http';

Конструктор:

 constructor(public router: Router) {
    router.events.subscribe(s => {
      if (s instanceof NavigationCancel) {
        let params = new URLSearchParams(s.url.split('#')[1]);
        let access_token = params.get('access_token');
        let code = params.get('code');
      }
    });
  }

Ответ 2

Вы ищете параметры запроса от ActivatedRoute.

Чтобы получить их, вы можете поместить их в свою компонентную функцию OnInit следующим образом:

private accesstoken;
private code;

constructor(private route: ActivatedRoute) { }

ngOnInit() {
  // Capture the access token and code
  this.route
      .queryParams
      .subscribe(params => {
          this.accesstoken = params['#access_token'];
          this.code = params['code'];
      });

  // do something with this.code and this.accesstoken
}

В приведенной выше ссылке больше примеров. У вас могут быть проблемы с angular, потому что маршрутизатор также идентифицирует фрагменты, которые начинаются С#... Если angular идентифицирует его как фрагмент, вы можете просто подписаться на фрагмент, наблюдаемый с ActivatedRoute, и сделать это таким образом.

Я не уверен, что вы перенаправлены. Если да, то можно было бы использовать опцию навигации preserveQueryParams, что-то вроде этого.

this.router.navigate([redirect], {preserveQueryParams: true});

Ответ 3

с помощью Javascript:

(new URL(location)).searchParams.get("parameter_name")

Ответ 4

getQueryParams( locationSearch: string):any {
    let params = {};
    if( locationSearch ) {
        locationSearch = locationSearch.split('?')[1];
        let splited = locationSearch.split('&');
        for( let i = 0; i < splited.length; i++ ) {
            let propName = splited[i].split('=')[0];
            let propValue = splited[i].split('=')[1];
            params[propName] = propValue;
        }
    }

    return params;
}

let q = getQueryParams( location.search );

Ответ 5

Это работает для меня! :)

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

constructor(private route: ActivatedRoute) { }

/** usage in the method */
let projectId = this.route.snapshot.queryParams.projectId;

Ответ 6

Вы пробовали это?

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


     constructor(private router: Router) {

            this.route.params.forEach((params: Params) => {
            //here you can get your params
            let param = params['parameterName'];


            })
        }