title: How to pass a second route parameter to angular 2 services module?
body: <p>I am new to angular 2 and would appreciate input on how to pass multiple parameters to angular's service module. For example here is the first param that i am passing to the service via the router link.</p>
  
  <p>home-component.html</p>
  
  <pre><code>&lt;a href="#" [routerLink]="['/product', product.slug]"&gt;
  </code></pre>
  
  <p>which is mapped to the route defined below in app.routes.ts and loads the ProductOverviewComponent.</p>
  
  <pre><code>const appRoutes: Routes = [
  { path: 'product/:slug', component: ProductOverviewComponent, canActivate: [AuthGuard] },
  { path: 'login', component: LoginComponent },
  { path: '', component: HomeComponent, canActivate: [AuthGuard] },
  
  // otherwise redirect to home
  { path: '**', redirectTo: '' }
  ];
  </code></pre>
  
  <p>product-overview.component.ts calls the <code>getProductOverview()</code> method.</p>
  
  <pre><code>ngOnInit() {
    this.sub = this.route.params.subscribe(params =&gt; {
      let slug = params['slug'];
      console.log('getting product with slug: ', slug);
      this.productoverviewservice.getProductOverview(slug)
      .subscribe(p =&gt; this.product = p);
    });
  }
  </code></pre>
  
  <p>which calls the getProductOverview method from product-overview.service.ts</p>
  
  <pre><code>getProductOverview(slug: string): Observable&lt;Course&gt; {
      let product$ = this.http
          .get(`${this.baseUrl}${slug}/` , options)
          .map((response: Response) =&gt; response.json());
  }
  </code></pre>
  
  <p>My question is how to I pass a second route parameter to the function getProductDetail?</p>
  
  <p>for example: </p>
  
  <pre><code>getProductDetail(slug: string): Observable&lt;Course&gt; {
      let productDetail$ = this.http
          .get(`${this.baseUrl}${slug}/${slug2}` , options)
          .map((response: Response) =&gt; response.json());
  }
  </code></pre>
  
  <p>Any input is much appreciated. </p>