Angular - Real-Time从一个可观察的角度填充一个数组

Question

只需快速回答一个问题就可以了解javascript＆amp; angular / typescript初学者：

假设我有 - 例如 - Angular的英雄之旅＆＃34;得到英雄＆＃34;方法：

/** GET heroes from the server */
    getHeroes(): Observable<Hero[]> {
        return this.http.get<Hero[]>(this.heroesUrl)
            .pipe(
            tap(heroes => this.log(`fetched heroes`)),
            catchError(this.handleError('getHeroes', []))
            );
    }

如何在数据提取时实时填充数据？

我的意思是，如果我有一张包含超过1000位英雄的桌子而且我不想等待前端收到所有数据，但我想在收到它们时显示它们，有没有办法在获取数据的同时实时填充对象数组？

默认情况下，根据我的角度知识，我会从模块中调用此方法，如下所示：

getHeroes() {
    this.heroService.getHeroes().subscribe(heroes => this.heroes = heroes);
}

但是这将填满我的this.heroes数组，只要我获得所有数据，所有问题都与大量数据下载有关（例如加载时间慢和用户友好的应用程序较少）。

我应该使用.map功能吗？或者有更好的方法来执行此操作吗？

提前致谢！