在ngFor异步中管理3种状态

是指在Angular中使用ngFor指令进行循环渲染时，处理异步数据时可能会遇到的三种状态：加载中、加载成功和加载失败。

加载中：当异步数据还在加载过程中时，可以显示一个加载动画或者提示信息，告诉用户数据正在加载中，避免用户的不良体验。可以使用ngIf指令结合一个加载中的变量来控制加载状态的显示与隐藏。
加载成功：当异步数据加载成功后，可以将数据渲染到页面上供用户查看。可以使用ngFor指令循环遍历数据，并将数据绑定到相应的HTML元素上进行展示。
加载失败：当异步数据加载失败时，可以显示一个错误提示信息，告诉用户数据加载失败的原因，并提供相应的解决方案。可以使用ngIf指令结合一个加载失败的变量来控制加载状态的显示与隐藏，并在加载失败时显示错误信息。

在处理这三种状态时，可以结合使用Angular的异步管道（AsyncPipe）来简化代码。异步管道可以自动订阅和取消订阅Observable或Promise，并在数据发生变化时自动更新视图。

以下是一个示例代码，展示了如何在ngFor异步中管理这三种状态：

<div *ngIf="loading">加载中...</div>
<div *ngIf="error">加载失败，请重试。</div>
<div *ngIf="!loading && !error">
  <ul>
    <li *ngFor="let item of items | async">{{ item.name }}</li>
  </ul>
</div>

在上述代码中，loading、error和items都是组件中的变量。loading表示加载状态，error表示加载失败状态，items表示异步加载的数据。使用async管道将items变量转换为Observable，并在数据加载成功后自动更新视图。

对于这个问题，腾讯云提供了一系列与云计算相关的产品，例如云服务器、云数据库、云存储等。具体推荐的产品取决于具体的需求和场景。你可以访问腾讯云的官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务。