URL details isa + romain

src/app/pages/page-details/page-details.component.ts

@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { PlantouneService } from 'src/app/services/plantoune.service';
 
 
 @Component({
@@ -8,15 +10,35 @@ import { Component, OnInit } from '@angular/core';
 })
 export class PageDetailsComponent implements OnInit {
 
- detailsPlant: any
-  constructor() {
+  product : any;
+ public listData : any[];
+
+    constructor(private route: ActivatedRoute, private plantouneService: PlantouneService) {
+
+      this.listData = [];
    }
 
   ngOnInit(): void {
 
-  }
+    this.plantouneService.getData().subscribe(
+      (listPlant: any[]) => {
+        console.log(listPlant);
 
-  test(texte:any){
-  console.log(texte);
+        this.listData = listPlant;
+
+    
+    //ajoute le ProductId à l'url
+    const routeParams = this.route.snapshot.paramMap;
+    const productIdFromRoute = Number (routeParams.get('productId'));
+
+    //trouve le produit qui correspond à l'Id de la route
+
+   this.product = this.listData.find (product => product.product_id === productIdFromRoute);
+
+  })
+}
+
+  test(id:any){
+  console.log(id);
   }
 }