javascript - 查询参数对 Angular2+ 没有影响

Question

我遵循了许多教程来尝试使查询参数与 Angular2+ 一起使用(使用旧的 Http 模块，而不是新的 HttpClient 模块)

这是我得到的:

import {Injectable} from '@angular/core';
import {Http} from '@angular/http';
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/operator/timeoutWith'; 

 getCurrentServiceMenu(till: Till) {
    const myParams = new URLSearchParams();
    myParams.set('till_uuid', till.uuid);

    return this.http.get(
      wsGetCurrentServiceMenu.url,
      {
        params: myParams,
        headers: this.authService.getAuthorizationHeader(),
      })
      .timeoutWith(timeout, Observable.throw(''));
  }

它没有错误，但没有效果:查询中没有参数。

我正在使用 Angular 5.0.0 和 rxjs 5.5.2

Answer 1

导入 Angular 的 URLSearchParams 类

import { Http, URLSearchParams } from '@angular/http';

您正在使用 native JavaScript URLSearchParams

<小时/>

或者，您可以使用 native javascript 类，但是您需要将其转换为字符串。

return this.http.get(
    wsGetCurrentServiceMenu.url,
    {
        params: myParams.toString(),
        headers: this.authService.getAuthorizationHeader(),
    })
    .timeoutWith(timeout, Observable.throw(''));

这种困惑可能导致 Angular 团队使用 HttpParams作为新 HttpClient 中的替代品