Angular NGRX:使用withLatestFrom只需调用一次接口。但是，'loader‘仍然设置为true

Angular NGRX是一个用于构建可扩展的Web应用程序的库，它结合了Angular框架和Redux模式。它提供了一种可预测的状态管理机制，使开发人员能够更好地管理应用程序的状态和数据流。

在Angular NGRX中，使用withLatestFrom操作符可以从一个或多个Observable中获取最新的值，然后结合其他的数据源进行进一步的处理。这可以用于在调用接口之前获取其他数据，并将其用于接口的参数。

根据问题描述，当使用withLatestFrom调用接口后，'loader'仍然设置为true可能是因为没有正确处理返回的数据流。

要解决这个问题，可以在withLatestFrom操作符的回调函数中进行处理。在回调函数中，将接口的调用结果中的数据设置为'loader'的值，以便正确显示加载状态。

以下是一个示例代码：

import { withLatestFrom, select } from '@ngrx/store';
import { HttpClient } from '@angular/common/http';

// 在组件中的方法中调用接口
fetchData() {
  this.store.pipe(
    select('loader'), // 获取'loader'的值
    withLatestFrom(this.http.get('api/data')) // 结合最新的'loader'值和接口调用结果
  ).subscribe(([loader, data]) => {
    // 处理接口调用结果
    // 将data设置为'loader'的值
    // 其他逻辑...
  });
}

在这个示例中，我们使用了select操作符从'store'中获取'loader'的值，并将其与接口调用结果一起传递给回调函数。在回调函数中，我们可以根据需要进行逻辑处理，并将data设置为'loader'的值。

在这种情况下，可以使用腾讯云的一些相关产品来支持Angular NGRX应用程序的开发和部署。例如：

1. 腾讯云云开发（https://cloud.tencent.com/product/tcb）：提供Serverless后端服务，可用于存储和管理数据。
2. 腾讯云CDN（https://cloud.tencent.com/product/cdn）：加速静态资源的传输，提高应用程序的性能和加载速度。
3. 腾讯云容器服务（https://cloud.tencent.com/product/tke）：用于管理和运行容器化的应用程序，支持快速部署和扩展。
4. 腾讯云数据库（https://cloud.tencent.com/product/cdb）：提供可靠的数据库服务，用于存储和管理应用程序的数据。

以上是一些示例产品，可根据具体需求选择适合的腾讯云产品来支持Angular NGRX应用程序的开发和部署。