Блог

Я вызываю API, используя метод Get, я хочу просто получить «Параметры строки запроса», которые были добавлены из бэкенда. Например https://api.npms.io/v2/search?q=scope:angularamp;lang='fr'' . Из этого API lang='fr' был добавлен из бэкенда. Мне нужно получить последние «параметры запроса» lang='fr' .

приложение.компонент.ts

 import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
    
@Component({ selector: 'app', templateUrl: 'app.component.html' })
export class AppComponent implements OnInit {
    totalAngularPackages;
    
    constructor(private http: HttpClient) { }
    
    ngOnInit() {      
        // Simple GET request with response type <any>
        this.http.get<any>('https://api.npms.io/v2/search?q=scope:angularamp;lang='fr'').subscribe(data => {
            this.totalAngularPackages = data.total;
        })
    }
}
 

Вы можете просто извлечь параметр поиска из URL-адреса,:

• создание объекта URL из строки
• извлечение параметров поиска
• наконец, получите нужный вам параметр

 const url = new URL("https://api.npms.io/v2/search?q=scope:angularamp;lang='fr'");
const params = new URLSearchParams(url.search);

console.log(params.get('q'));
console.log(params.get('lang')); 

Смотрите также:

• MDN: URL
• MDN: URLSearchParams

Имейте в виду, что 'https://api.npms.io/v2/search?q=scope:angularamp;lang='fr'' это недопустимая строка. Либо избегайте одинарных кавычек, либо используйте двойные кавычки:

 const url = 'https://api.npms.io/v2/search?q=scope:angularamp;lang='fr'';
const url = "https://api.npms.io/v2/search?q=scope:angularamp;lang='fr'";