首先，确保在组件中正确引入了httpClient和Observable。接着，在调用httpClient.get方法时，一定要订阅得到返回的结果。

以下是一个示例代码：

import { Component, OnInit } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { Observable } from 'rxjs/Observable';

@Component({ selector: 'app-example', templateUrl: './example.component.html' }) export class ExampleComponent implements OnInit {

result: any;

constructor(private http: HttpClient) { }

ngOnInit() { this.getData().subscribe(res => { this.result = res; }); // 或者写成这样，将赋值语句放到回调函数中 // this.getData().subscribe(res => { // this.result = res; // }, error => { // console.log(error); // }); }

getData(): Observable { const url = 'http://example.com/api/data'; return this.http.get(url); }

}

在HTML模板中，可以使用管道符“|”和一些内置的Angular指令来显示数据。例如，在ngFor中循环遍历显示结果中的每个元素：

• {{item.name}} - {{item.age}}

需要注意的是，在开发环境中，可能会因为CORS安全策略而导致httpClient.get请求失败。这时需要在服务器端进行相关配置，或者使用代理进行跨域访问。