如何使用http客户端将多个值传递给angular 9+中的GET API中的参数

问题描述

我得到了如下所示的 Id 数组：-

id=[1,2,3,4]

如何将这些值从数组 id 动态传递给 API 请求的参数，例如 angular:-

this.http.get(`/api/request?num=1,4`);

解决方法

const ids: string = id.join(',')
this.http.get(`/api/request?num=${ids}`);

或

const ids: string = id.join(',')
const options = { params: new HttpParams().set('num',ids) };
this.http.get('/api/request',options);

Angular Doc

,

您可以像这样提供参数：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table id='mytable'>
   <tr>
      <th>ID</th>
      <th>Date</th>
      <th>Source</th>
  </tr>
  <tr>
      <td>50</td>
      <td>2012-01-01</td>
      <td>XYZ</td>
  </tr>
  <tr>
      <td>80</td>
      <td>2011-07-08</td>
      <td>ABC</td>
  </tr>
  <tr>
      <td>94</td>
      <td>2013-06-05</td>
      <td>MNO</td>
  </tr>
  <tr>
      <td>50</td>
      <td>2012-01-01</td>
      <td>MNO</td>
  </tr>
  <tr>
      <td>50</td>
      <td>2012-01-01</td>
      <td>XYZ</td>
  </tr>
  <tr>
      <td>75</td>
      <td>2012-01-01</td>
      <td>ABC</td>
  </tr>
</table>