queryParams et HttpParams en Anglar

Question

Je viens de découvrir que nous pouvons construire des URL de paramètres de chaîne de requête en utilisant "queryParams" et HttpParams - voici un exemple

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);

Quelle méthode est la meilleure ? J'ai essayé de trouver la différence mais je ne trouve pas beaucoup d'informations sur Internet.

Essayez de trouver la différence.

Answer 1

Les deux méthodes - utilisant queryParams et HttpParams - peuvent être utilisées pour construire des URL avec des paramètres de requête. Il existe cependant quelques différences entre les deux méthodes.

La méthode

queryParams est utilisée avec le module Angular Router pour construire une URL contenant des paramètres de requête. Il s'agit d'une méthode pratique pour construire une URL qui peut être utilisée avec la directive RouterLink ou la méthode de navigation du module Router. Cette approche est mieux adaptée à la navigation au sein des applications angulaires.

D'autre part, la méthode HttpParams est utilisée pour construire une URL pouvant être utilisée pour effectuer des requêtes HTTP. Il fait partie du module HttpClient d'Angular. Cette méthode est plus adaptée pour effectuer des requêtes HTTP vers des serveurs externes.

Les deux méthodes ont leurs propres avantages et cas d'utilisation. Si vous créez des URL pour la navigation dans votre application Angular, vous devez utiliser la méthode queryParams. Si vous souhaitez créer une URL pour effectuer une requête HTTP vers un serveur externe, vous devez utiliser la méthode HttpParams.

Dans votre exemple spécifique, si vous souhaitez accéder à une page de votre application Angular, vous devez utiliser la méthode queryParams. Si vous effectuez des requêtes HTTP vers un serveur externe, vous devez utiliser la méthode HttpParams.