时间戳

首页 > 解决方案 > Angular 8 HttpClient 调用发布

angular - Angular 8 HttpClient 调用发布

问题描述

我应该使用 angular 的 httpclient 模块来进行后期调用，但在这种情况下，调用没有执行，应该是什么？

app.component.html：

<div class="col-xs-12">
   <button class="btn btn-primary" (click)="getData()">Chiamata rest</button>
</div>

app.component.ts：

import { Injectable,Component, OnInit ,DoCheck} from '@angular/core';
import { HttpClient,HttpHeaders } from '@angular/common/http';


const httpOptions = {
  headers: new HttpHeaders({ 'Content-Type': 'application/json' })
};

getData(){
    const body = JSON.stringify({firstName: 'Joele', lastName: 'Smith4'});
    return this.http.post('http://localhost:8787/utente/nuovoutente', body, httpOptions);
  }

标签： angularposthttpclient

解决方案

在实际解决问题之前，您需要做的事情很少。您应该将调用 api 的部分移动到角度服务。

如果您希望它执行，您必须订阅该调用。请参阅HttpClient文档。

如果您只想在组件中调用 API，请将代码更改为，

getData(){
    const body = JSON.stringify({firstName: 'Joele', lastName: 'Smith4'});
    this.http.post('http://localhost:8787/utente/nuovoutente', body, httpOptions).subscribe((data) =>{
       console.log(data);
    });
};

推荐阅读