Angular 4 http获取查询参数

时间:2017-08-30 04:12:07

标签: angular http query-string

第一个块按预期工作

getQuotes(): Observable<Quote[]> {
    return this.http.get(this.url)
        .map((res: Response) => res.json())
        .catch((error: any) => Observable.throw(error.json().error || 'Server error'));
}

现在我要将查询参数添加到this.url并且网址没有更改

getQuotes2(): Observable<Quote[]> {
    let myParams  = new URLSearchParams();
    myParams.append('author', 'authorName');
    myParams.append('catid', '123');
    let options = new RequestOptions({ params: myParams });

    return this.http.get(this.url, options )
        .map((res: Response) => res.json())
        .catch((error: any) => Observable.throw(error.json().error || 'Server error'));
}

我已经检查了devtools。缓存已关闭。我已尝试使用RequestOptions {search:myParams}并返回this.http.get(this.url,{params:myParams}) 在我不看的地方,我看到字符串连接。这些参数是optinal,我将它们附加在条件上。

1 个答案:

答案 0 :(得分:6)

你导入了params吗?

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