url埋め込まれたparamersを@ angular/httpに設定する

Question

私はバックエンドを使用して、？ノットとurl埋め込みの両方の検索クエリパラメータにアクセスします。私は私が使用できることを知っています。リクエストを行うURLSearchParams/RequestOptionsArgs。 http://mydomain/api/card?id=abcに

しかし、私は、たとえば、アプリケーションパスを定義するときに、例えば、「card /：id」のようなURLを定義することによって、http://mydomain/api/card/abcのようなmor RESTishをどのように使用できますか？これだけ、

public getRequest(url: string, params: URLSearchParams): Observable <Response> { 
 
    let options: RequestOptionsArgs = { 
 
    url: url, 
 
    method: RequestMethod.Get, 
 
    headers: RestService.createHeaders(), 
 
    search: params, 
 
    responseType: ResponseContentType.Json 
 
    }; 
 

 
    let request: any = this.http.get(url, options); 
 
    return request.map((res: any) => { 
 
    let response = new ServerResponse(res); 
 
    if (response.status == ServerResponseStatus.OK) return response.data; 
 
    else console.log('ERROR: GET request ' + options + ' resulted in status:' + response.status); 
 
    }); 
 
    //.catch(this.handleError); 
 
}

Answer 1

card/:idは、:idが任意の数または文字列に置き換えられるとする構文です。交換後にご依頼された場合はhttp://mydomain/api/card/abcこちらabcは:idの部分が変わります。

これを簡単に行うことができます。

let myid='abc'; 

`let url='http://mydomain/api/card/'+this.myid;` <- here id is a variable which you get as a argument. 

    let request: any = this.http.get(url, options); 
      return request.map((res: any) => { 
      let response = new ServerResponse(res); 
      if (response.status == ServerResponseStatus.OK) return response.data; 
      else console.log('ERROR: GET request ' + options + ' resulted in status:' + response.status); 
      }); 
      //.catch(this.handleError); 
     } 

Answer 2

あなたはちょうどあなたがサポートする形式でURLを渡す必要があります。

次snippletは、私は、たとえば午前どのようになりましたGETリクエストを構築していますあなたの望むRESTのURLのように見えるあなたの関数にURLを渡してください。

次に、新しいURLを理解するためにバックエンドを変更するだけです。あなたはバックエンドでどの技術を使用しているのかは言わない。 NodeJSを使用している場合は、/：id表記でURLパラメータと経路を処理するのに最適なexpressJSをお勧めします。