Cacher is the code snippet organizer for pro developers

  // From Service
  
  public getRackLayout(cellId): Observable<any> {

    // return this.http.get(`${this.stationState.url}/racktypes?cellId=${cellId}`)
    //                 .map(this.extractData)
    //                 .catch(this.handleError)

    // or

    let rack = [{
      cells: [
      {
          id: 0,
          name: 'A1',
          posX: 0,
          posZ: 0,
          sizeX: 100,
          sizeY: 100
      },
      {
          id: 1,
          name: 'A2',
          posX: 0,
          posZ: 100,
          sizeX: 100,
          sizeY: 100,
      },
      {
    
          name: 'A3',
          posX: 0,
          posZ: 200,
          sizeX: 200,
          sizeY: 100
      },
      {
          name: 'B1',
          posX: 100,
          posZ: 0,
          sizeX: 100,
          sizeY: 100
      },
      {
          name: 'B2',
          posX: 100,
          posZ: 100,
          sizeX: 100,
          sizeY: 100,
      }]
    }]
    
    return new Observable<any>(function(observer : any){ observer.next(rack); observer.complete(); })
    
    
// in component

  getRackLayout(tasks){
    this._wmsservice.getRackLayout(tasks[0].cell)
    .subscribe(
      res => {
              this.rack = res;
       },
      error => {
        this.generalFunctions.flashMessage( 'Error: '+error, 'danger');
        console.log(error)
      })
  }