Блог

вот html-код —

 <a
  class="navLink navLink--gender"
  click="refreshPage()"
  [routerLink]="['/productByGender-list']"
  [queryParams]="{ gender: 1 }">
  Men
</a>
 

я хочу снова перезагрузить тот же компонент, но с другим параметром —

 <a
  class="navLink navLink--gender"
  click="refreshPage()"
  [routerLink]="['/productByGender-list']"
  [queryParams]="{ gender: 2 }">
  Women
</a>
 

вот мой компонент прямо сейчас —

 constructor(private route: ActivatedRoute) { 
    this.rerfeshPage();
  }
  
  public rerfeshPage() {
    this.route.data.subscribe((data: Data) => {
      const products = data['users'] as IProductInterface[];
      this._products = products.map((product) => new Product(product));
    });
  }
 

как я могу перезагрузить это при нажатии.