Iniciei os estudos com angular4, e estou tentando obter o retorno json
de uma requisição simples através de um service
.
Porém ao chamar o método que faz a requisição, o mesmo me apresenta o seguinte erro no meu componente login.component.ts
:
Property 'subscribe' does not exist on type '() => void'.
Entretanto, ao executar esse mesmo método dentro do meu component
ele funciona normal e me retorna o meu json
Abaixo segue os código do meu service
e do meu 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.component.ts
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);
});
}
}
O que fazer para obter o json
da minha requisição através do service
.