URL2のURLSearchParams（）で奇妙な問題が発生する

Question

URLSearchParams()と表示される奇妙な問題があります。var search（つまり、変数名をvar otherNameに変更した場合）を定義した場合にのみ機能します。

ただし、何らかの理由で、名前がsearchの場合にのみ機能します。それはまったく論理的ではありません。

ここで何が起こっているかについてのアイデアはありますか？

constructor(http) { 
    this.http = http; 
    this.genre = null; 
    this.dishes = null; 

    //this one works fine 
    var search = new URLSearchParams(); 
    search.set('order', '-ordersNo'); 

    //Here is the issue (to make it work, I need to remove the previous search declaration, and rename the below var limit to search) 
    var limit = new URLSearchParams(); 
    limit.set('limit', '2'); 

    this.http.get('https://example.com/classes/Mn', { limit }).subscribe(data => { 
    this.dishes = data.json().results; 
    }); 


    this.http.get('https://example.com/classes/Genre',{ search }).subscribe(data => { 
    this.genre = data.json().results; 
    }); 

Answer 1

私はあなたが実際にこのようにそれを持ってしたいと思います：HTTPのGETメソッドは次のシグネチャを持つ必要がありますの

{ search: search } 

//and 

{ search: limit } 

optionsパラメータ：

export interface RequestOptionsArgs { 
    url?: string; 
    method?: string | RequestMethod; 
    search?: string | URLSearchParams; 
    headers?: Headers; 
    body?: string; 
} 

しかし{limit }は実際には同じです{ limit: limit }となります。

Answer 2

実際には、JavaScriptのショートカットです。{ search }は、{ search: search }と{ limit }から{ limit: limit }に相当します。

Angular2はクエリパラメータを定義するのにsearchプロパティが必要であるため、最初のケースで正常に動作します。 limit変数を使用する場合は、このショートカットを使用することはできません。{ search: limit }を使用する必要があります。