Servicio
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class HerokuService {
private REST_API_SERVER = " secret";
private SIGNUP = "/signup";
constructor(private http: HttpClient) {}
public register(user){
// return this.http.post(this.REST_API_SERVER, user, this.httpOptions).pipe(
this.http.post<any>(this.REST_API_SERVER+this.SIGNUP, user).subscribe({
next: data => {
console.log('data');
console.log(data);
return data;
},
error: error => {
console.log('error');
console.log(error);
return error;
}
})
}
}
Register component.ts
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { HerokuService } from "../heroku.service";
@Component({
selector: 'app-register',
templateUrl: './register.component.html',
styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {
title = 'Registro';
user= {
name:'aaaa',
email:'[email protected]',
password:'aaa',
repeat_password:'aaa'
};
submited = false;
constructor(
private herokuService:HerokuService
) { }
ngOnInit(): void {
}
register(){
this.submited = true;
if (this.user.password === this.user.repeat_password) {
let result = this.herokuService.register(this.user);
console.log('result child compo');
console.log(result);
}
else{
alert('Error: Las contraseñas no coinciden !');
}
this.submited = false;
}
}
Lo que pasa es que quiero manejar el resultado de la peticion http desde el componente hijo, en este caso en el register.component.
Aqui uso el servicio : let result = this.herokuService.register(this.user);
, pero quiero controlar de alguna manera el response que recibo, pero el result del servicio desde el hijo es undefined por tanto no se como mostrar una cosa u otra para el usuario. ¿Como podria tener el result del service en el hijo y ya manejarlo a mi gusto?