title: Passing json data from http service to component Angular 2
body: <p>I have separate <strong>requests.service.ts</strong> and <strong>schedule.ts</strong>.
  I am unable to pass the json returned from method from <strong>requests.service.ts</strong>, even though I mapped it when I returned it.</p>
  
  <p>My code for <strong>request.service.ts</strong></p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import { Http, RequestOptions, Headers } from "@angular/http";
  @Injectable()
  export class LoginService {
      constructor(public http: Http) { }    
          requestMethod() {     
             return this.http.get(url).map(res =&gt; res.json())
          }
  }
  </code></pre>
  
  <p>My code for <strong>schedule.ts</strong></p>
  
  <pre><code>let data = this.loginService.requestMethod();
  </code></pre>
  
  <p>Where <code>data</code> returns <code>Observable {_isScalar: false, source: Observable, operator: MapOperator}...</code></p>