mirror of
https://github.com/Mueller-Patrick/Betterzon.git
synced 2024-11-22 06:13:57 +00:00
BETTERZON-33: Styles and redirect upon click on product
This commit is contained in:
parent
24c64dd709
commit
23ae0555e5
|
@ -0,0 +1,6 @@
|
|||
.productItem {
|
||||
border-style: solid;
|
||||
border-color: dimgrey;
|
||||
border-radius: .5em;
|
||||
padding: .25em;
|
||||
}
|
|
@ -1,4 +1,4 @@
|
|||
<meta charset="UTF-8">
|
||||
<p *ngFor="let product of products">
|
||||
<p class="productItem" *ngFor="let product of products" (click)="clickedProduct(product)">
|
||||
{{product.name}}
|
||||
</p>
|
||||
|
|
|
@ -1,8 +1,7 @@
|
|||
import {Component, OnInit} from '@angular/core';
|
||||
import axios, {AxiosInterceptorManager, AxiosRequestConfig, AxiosResponse} from 'axios';
|
||||
import process from 'process';
|
||||
import {ApiService} from '../api.service';
|
||||
import {Product} from '../models/product';
|
||||
import { Router } from '@angular/router';
|
||||
|
||||
@Component({
|
||||
selector: 'app-product-list',
|
||||
|
@ -12,7 +11,10 @@ import {Product} from '../models/product';
|
|||
export class ProductListComponent implements OnInit {
|
||||
products: Product[];
|
||||
|
||||
constructor(private apiService: ApiService) {
|
||||
constructor(
|
||||
private apiService: ApiService,
|
||||
private router: Router
|
||||
) {
|
||||
}
|
||||
|
||||
ngOnInit(): void {
|
||||
|
@ -23,4 +25,8 @@ export class ProductListComponent implements OnInit {
|
|||
this.apiService.getProducts().subscribe(products => this.products = products);
|
||||
}
|
||||
|
||||
clickedProduct(product: Product): void {
|
||||
this.router.navigate([('/helloworld/' + product.product_id)]);
|
||||
}
|
||||
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user