角度:如何最好地处理初始化/加载问题

有很多策略:

1. 做 {{ data?.memberOfData }}

2. 做 <div *ngIf="data">{{ data }}</div> div 仅当数据不可用时 undefined

3. 加载数据时放置加载条。您可以在HttpInterceptor中这样做,使其应用程序范围更广,或者只在您正在处理的组件中这样做。

4. 使用resolve guard防止组件加载到 router-outlet

5. 你也可以使用 async 管道:

   this.data$ = this.ws.getData();

然后在模板中:

<div> {{ data$ | async | json }} </div>

我个人喜欢最后一个(第五个),因为我们不必关心 unsubscribe Subscription 在里面 ngOnDestroy

不过,这完全取决于您的特定用例。做这件事没有好办法,也没有坏办法。