捕获从服务到组件的响应？

Question

我是角度/离子的新手。 我正在尝试从我的API调用中获取响应。

在我的服务中，我具有以下功能：

setClockIn() {
    const httpOptions = {
      headers: new HttpHeaders({
        'Content-Type':  'application/json',
        'Authorization': 'bearer'
      })
    };
    this.http.get('http://127.0.0.1:8000/api/v1/clock/in', httpOptions)
    .subscribe(data => {
    console.log(data['data']);
    });
  }

在我的组件中，我具有以下功能

ClockIn() {
    this.clockService.setClockIn();
    this.presentAlert(data);
  }

来自console.log(data['data']);的响应 是我从API发送的消息：

“时钟已更新”

我如何才能在同一ClockIn函数中获取此数据，以便将其作为参数发送给this.presentAlert(data); ;。 ？

我必须使用.subscribe()或.pipe().map()吗？

Answer 1

angular的HttpClient的HTTP GET请求返回一个observable ，因此基本上，您应该从setClockIn()方法返回observable，并在您组件的ClockIn()方法中进行订阅

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

    return this.http.get('http://127.0.0.1:8000/api/v1/clock/in', httpOptions);
}


ClockIn() {
    this.clockService.setClockIn().subscribe(data => {
        console.log(data['data']);
        this.presentAlert(data);
    });  
}