queryParams und HttpParams in Anglar

Question

Ich habe gerade herausgefunden, dass wir Abfragezeichenfolgen-Parameter-URLs mit „queryParams“ und HttpParams erstellen können – hier ist ein Beispiel

goProducts() {
  this.router.navigate(
    ['/products'],
    { queryParams: { 'pageNumber': {page}, 'price-range': {itemsPerPage} } }
  );
}

let params = new HttpParams();
params = params.append('pageNumber', page);
params = params.append('pageSize', itemsPerPage);

Welche Methode ist die beste? Ich habe versucht, den Unterschied zu finden, aber ich kann im Internet nicht viele Informationen finden.

Versuchen Sie, den Unterschied zu finden.

Answer 1

这两种方法 - 使用 queryParams 和 HttpParams - 都可以用来构造带有查询参数的 URL。但是，这两种方法之间存在一些差异。

queryParams 方法与 Angular Router 模块一起使用来构造包含查询参数的 URL。这是构造 URL 的便捷方法，可与 RouterLink 指令或 Router 模块的导航方法一起使用。这种方法更适合 Angular 应用程序内的导航。

另一方面，HttpParams 方法用于构造可用于发出 HTTP 请求的 URL。它是 Angular HttpClient 模块的一部分。这种方法更适合向外部服务器发出 HTTP 请求。

这两种方法都有自己的优点和用例。如果您要在 Angular 应用程序中构建用于导航的 URL，则应使用 queryParams 方法。如果您要构建 URL 来向外部服务器发出 HTTP 请求，则应使用 HttpParams 方法。

在您的具体示例中，如果您要导航到 Angular 应用程序中的页面，则应使用 queryParams 方法。如果您要向外部服务器发出 HTTP 请求，则应使用 HttpParams 方法。