Return of Request - Angular4

Question

I started the studies with angular4, and I’m trying to get the return json a simple request through a service.

But when calling the method that makes the request, it presents me the following error in my component login.component.ts:

Property 'subscribe' does not exist on type '() => void'.

However, by executing that same method within my component it works normal and returns me mine json

Below follows the code of mine service and my component:

---

credentials.service.ts

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';

import 'rxjs/add/operator/map';

@Injectable()
export class CredentialsService {

  constructor(private http: Http) { }

  public getCredentials(){
    var url = 'http://luingry.com.br/easyjob/WebServices/angular/login.php';

    this.http.get(url)
    .map(dados =>{ return dados.json();});
  }

}

---

login.componentts.

import { Component, OnInit } from '@angular/core';

//importando o serviço
import { CredentialsService } from './services/credentials.service';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {

  constructor(public c: CredentialsService) {}

  ngOnInit() {
    this.c.getCredentials.subscribe(g =>{
      console.log(g);
    });
  }

}

What to do to get the json of my request through service.

Answer 1

Only missing the Return on the service http (so the typescript interprets that you return a value-free observable):

public getCredentials(){
    var url = 'http://luingry.com.br/easyjob/WebServices/angular/login.php';
    /* return aqui */
    return this.http.get(url)
    .map(dados =>{ return dados.json();});
  }