Buenos días. Estoy realizando una aplicación en Angular 4, la cual hace una petición http a una API para realizar el login inicial, de modo que, si la petición da un resultado, se haga visible la parte privada de la aplicación.
A continuación muestro el código del servicio que realiza la petición:
import { Injectable } from '@angular/core';
import { Http, Response, Headers} from '@angular/http';
import 'rxjs/add/operator/map';
import { Observable} from 'rxjs/Observable';
@Injectable()
export class loginService{
public url:string;
public autenticado:boolean;
constructor(private _http:Http){
this.url = "url de la API";
}
getValAuth(){
console.log("Get Val:"+this.autenticado);
}
getLogin(data:any){
this.url = this.url+"?param + datos procedentes del formulario de login;
return this._http.get(this.url, {params: data})
.map(res => res.json());
}
}
Y a continuación muestro el componente donde se inyecta el servicio:
import { Component } from '@angular/core';
import {LoginModel} from './login.model';
import { loginService } from '../services/login.service';
@Component({
selector: 'form-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.css'],
providers: [loginService]
})
export class loginComponent {
public inicio_Sesion:LoginModel;
constructor(private _resultado:loginService){
this.inicio_Sesion = new LoginModel("","");
}
ngOnInit(){
}
onSubmit(isValid:boolean){
this._resultado.getLogin(this.inicio_Sesion).subscribe(
result=>{
if(result.count == 1){
this._resultado.autenticado = true;
}else{
this._resultado.autenticado = false;
}
},
error=>{
var errorMessage = <any>error;
console.log(errorMessage);
}
);
}
}
Y en el app.component tengo la estructura completa, la cual tiene que mostrarse una parte u otra en función del resultado de la llamada HTTP.
¿Alguna sugerencia que me pueda orientar en como hacer esto? Muchas gracias por adelantado.