How to consume an API using Angular 6?

Question

How to get feedback from the post through the Component?

Code:

service

import {Injectable} from '@angular/core'
import {HttpClient,HttpHeaders} from '@angular/common/http'
import {Observable} from 'rxjs/Observable'
import 'rxjs/add/operator/map'


import { error } from 'selenium-webdriver';

@Injectable()
export class AppService{
    constructor(private http:HttpClient){}

    sendEmail(email){
         return this.http.post('http://localhost:8080/backendteste/db/email.php?acao=sendEmail',email)
        .subscribe((data)=>{
            console.log('pegando retorno do backend ',data);    
        },(error)=>{
            console.log('ERROR: ',error);
        });
    }
    clear(){
        return true;
    }
}

Component

export class AppComponent implements OnInit {
        statusEmail:string;
        constructor(private fb: FormBuilder, private appService: AppService) { }

        enviarEmail(form){
            this.appService.sendEmail(form);
           // console.log(form);
       }
    }

html

<div class="" *ngIf="statusEmail">
            <i class="rounded-x fa fa-check"></i>
            <p>Sua mensagem foi enviada com sucesso !</p>
          </div>

Answer 1

All you have to do is subscribe:

enviarEmail(form){
  this.appService.sendEmail(form).subscribe(response => {
    // retorno do http.post
  });
}

Read more about http requests with Angular on: https://angular.io/tutorial/toh-pt6#get-Heroes-with-httpclient