market detail

src/app/components/latest-market/latest-market.component.html

@@ -0,0 +1,12 @@
+<div *ngIf="show_activejob ==  true;">
+  <ion-grid>
+    <ion-row>
+      <ion-col>
+
+      </ion-col>
+      <ion-col>
+
+      </ion-col>
+    </ion-row>
+  </ion-grid>
+</div>

src/app/components/latest-market/latest-market.component.scss

@@ -0,0 +1,6 @@
+ion-grid{
+  margin: 0px;
+  background-color: #3dc2ff;
+  border-radius: 10px;
+  min-height: 120px;
+}

src/app/components/latest-market/latest-market.component.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { LatestMarketComponent } from './latest-market.component';
+
+describe('LatestMarketComponent', () => {
+  let component: LatestMarketComponent;
+  let fixture: ComponentFixture<LatestMarketComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LatestMarketComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(LatestMarketComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/latest-market/latest-market.component.ts

@@ -0,0 +1,25 @@
+import { Component, OnInit } from '@angular/core';
+import {MarketDataService} from "../../store/market-data.service";
+
+@Component({
+  selector: 'app-latest-market',
+  templateUrl: './latest-market.component.html',
+  styleUrls: ['./latest-market.component.scss'],
+})
+export class LatestMarketComponent implements OnInit {
+
+  show_activejob:boolean = false;
+
+  constructor( public marketDataService:MarketDataService,) { }
+jobData:[];
+  ngOnInit() {
+
+    this.jobData= this.marketDataService.jobsData;
+  //  debugger;
+  }
+
+  ionViewWillEnter(){
+    this.jobData= this.marketDataService.jobsData;
+  }
+
+}