如何在http get请求中发送参数

Question

我从后端（api）获取数据并使用ngFor进行显示，如下所示：

<li *ngFor="let event of events">
   {{event.name}}
   {{event.city}} 
</li>

我的结果是这样的；

 wedding
    city 1

  graduation
    city 2

现在，我想在用户单击事件时获取有关事件的详细信息，并且我想通过将未显示在视图中的event_id传递给后端来实现。

  <li *ngFor="let event of events" (click)="moreDetails(event)">
       {{event.name}}
       {{event.city}} 
    </li>

然后在我的组件中：

 moreDetails(ev){
     //
     this._http.get(this.url + event_id)
        .map((res:Response) => res.json())
        .subscribe(
            data => this.getEventData = data,
            error =>this.logError(error),
            () => console.log('get request completed sucesfully')
        );
 }

提前致谢

Answer 1

我假设您的事件有ID，因此您的事件ID为ev.id

moreDetails(ev){
     //
     this._http.get(this.url + ev.id)
        .map((res:Response) => res.json())
        .subscribe(
            data => this.getEventData = data,
            error =>this.logError(error),
            () => console.log('get request completed sucesfully')
        );
 }

Answer 2

只需通过将附加唯一的key（id）与url一起传递给URL（或者我们可以说将字符串与unique_id串联在一起），就像这样：-

 moreDetails(ev){
     let url = this.url+event.id+'/';
     this._http.get(url)
        //...other functionality 
 }