Suggest details

src/app/components/suggestedlist/suggestedlist.component.html

@@ -1,5 +1,5 @@
 
-  <div class="video" *ngFor="let item of familySuggestData">
+  <div class="video" *ngFor="let item of familySuggestData" (click)="getSuggestedDetails(item)">
     <div class="left">
       <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/jobs/'+item.banner+''"></div>
 

src/app/components/suggestedlist/suggestedlist.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import {SessionDataProviderService} from "../../store/session-data-provider.service";
 import {WrenchService} from "../../services/wrench.service";
+import {Router} from "@angular/router";
 
 @Component({
   selector: 'app-suggestedlist',
@@ -9,8 +10,10 @@ import {WrenchService} from "../../services/wrench.service";
 })
 export class SuggestedlistComponent implements OnInit {
 
-  constructor(public sessionDataProviderService: SessionDataProviderService,
-                    private wrenchService: WrenchService) { }
+  constructor(
+                    public sessionDataProviderService: SessionDataProviderService,
+                    private wrenchService: WrenchService,
+                    private router: Router,) { }
 
   ngOnInit() {
     this.getFamilySuggestList();
@@ -41,4 +44,8 @@ export class SuggestedlistComponent implements OnInit {
         }
     );
   }
+
+  getSuggestedDetails(item){
+    this.router.navigate(['suggestdetails'],{state: item});
+  }
 }