这个问题可能是由于数据只在组件的构造函数中或OnInit生命周期钩子中加载，因此没有订阅可以更新视图。以下是一个示例解决方案，使用Angular HttpClient从API获取数据并在视图中显示：

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

@Component({ selector: 'app-example', template:

Posts

constructor(private http: HttpClient) {}

ngOnInit() { this.getPosts().subscribe(posts => (this.posts = posts)); }

private getPosts(): Observable { return this.http .get('https://jsonplaceholder.typicode.com/posts') .pipe( tap(_ => console.log('fetched posts')), catchError(this.handleError('getPosts', [])) ); }

private handleError(operation = 'operation', result?: T) { return (error: any): Observable => { console.error(error); return of(result as T); }; } }

在这个示例中，我们在组件的OnInit生命周期钩子中订阅了getPosts方法，并在回调中更新了视图。请注意，我们还使用了RxJS中的tap和catchError操作符来处理HTTP请求中的错误。