Task 1: Search By Category - Query Params

• http://localhost:4200/products?category=ALL

    <a (click)="gotoProducts()">All Products</a>

    gotoProducts() {
        this.router.navigate(['/products'], { queryParams: { category: 'ALL' } });
}

   routes = [
       {path:'products', component:ListProductComponent}
   ];

Task 2: Get Category from Query Params (i.e category=ALL)

  category:string;
  constructor(private route:ActivatedRoute) { 
      this.route.queryParams.subscribe(params=>{
          this.category = params["category"];
          console.log("Category:" + this.category);
      });
  }
  

Task 3: Test Router Query Params

• http://localhost:4200/products?category=ALL