Angular 2 - 带有可选 headers 的 GET 请求

Question

我想做一个带有多个参数的 GET 请求，但只需要 1 个参数。

目前我有这个代码来完成我的请求（我想在没有任何可选参数的情况下进行调用）:

服务：

public getAbsenceReservations(From: Date, ReservationStateID?: number, Resource?: string, To?: Date): Observable<models.AbsenceReservation> {

    let params: URLSearchParams = new URLSearchParams();
    params.set("From", From.toString());
    params.set("ReservationStateID", ReservationStateID.toString());
    params.set("Resource", Resource);
    params.set("To", To.toString());

    const path = `${this.apiEndpoint}Time/Absence`;
    return this.http.get(path, { search: params })
        .map((response: Response) => new models.AbsenceReservation().deserialize(response.json().Data))
        .catch(this.handleError);
}

分量：

private getAbsenceReservations() {
    this.loaderService.setEnableLoader(true);
    this.AbsenceService.getAbsenceReservations(this.fromDate, this.reservationStateID, this.resource, this.toDate)
        .subscribe(
        response => {
            this.absenceReservations = response;
            this.absenceReservationsChange.emit(this.absenceReservations);
            this.loaderService.setEnableLoader(false);
        },
        error => console.log("error")
        );
}

我收到错误

Cannot read property 'toString' of undefined

当然 none 的可选参数已定义，这就是导致错误的原因。

使用可选参数编写 GET 请求的正确方法是什么？

例子

如果我有0个optional定义的可选变量

api.com/?from=timestamp

但如果我有 1 个或更多，请执行此操作

api.com/?from=timestamp&Resource=RandomString

Answer 1

你只需要按如下方式输入if检查。其他都很完美

params.set("From", From.toString()); //Required
if(ReservationStateID) params.set("ReservationStateID", ReservationStateID.toString());
if(Resource) params.set("Resource", Resource);
if(To) params.set("To", To.toString());

Angular 2 - 带有可选 headers 的 GET 请求

Angular 2 - GET Request with optional headers

angular

get

request-headers