Paddy/Betterzon
1
0
Fork 0
mirror of https://github.com/Mueller-Patrick/Betterzon.git synced 2024-11-22 14:23:57 +00:00
Code Issues Projects Releases Wiki Activity

BETTERZON-41: Added routing for product detail pages

Browse Source
This commit is contained in:
Patrick Müller 2020-12-03 11:31:48 +01:00
parent 38b20d28cb
commit 87193310a8
3 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Frontend/src/app/app.routing.ts
View File

@ -8,7 +8,7 @@ import {ProductDetailPageComponent} from './product-detail-page/product-detail-p
const routes: Routes = [ const routes: Routes = [
{path: '', component: LandingpageComponent}, {path: '', component: LandingpageComponent},
{path: 'product', component: ProductDetailPageComponent} {path: 'product/:id', component: ProductDetailPageComponent}
]; ];
@NgModule({ @NgModule({

2
Frontend/src/app/product-detail-page/product-detail-page.component.html
View File

@ -1 +1 @@
<p>product-detail-page works!</p> <p>product-detail-page works! Product: {{productId}}</p>

8
Frontend/src/app/product-detail-page/product-detail-page.component.ts
View File

@ -1,4 +1,5 @@
import {Component, OnInit} from '@angular/core'; import {Component, OnInit} from '@angular/core';
import {Router} from '@angular/router';
@Component({ @Component({
selector: 'app-product-detail-page', selector: 'app-product-detail-page',
@ -6,8 +7,13 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./product-detail-page.component.css'] styleUrls: ['./product-detail-page.component.css']
}) })
export class ProductDetailPageComponent implements OnInit { export class ProductDetailPageComponent implements OnInit {
productId: string;
constructor() { } constructor(
private router: Router
) {
this.productId = router.url.substr(9, router.url.length);
}
ngOnInit(): void { ngOnInit(): void {
} }