Angular Ngrx Store 中的 Selector 详细介绍

在 Angular 应用程序中，Ngrx 是一个强大的状态管理库，它基于 Redux 模式，并结合了 RxJS 的强大功能。在 Ngrx 中，Selector 是一个重要的概念，它允许我们从存储中选择和转换数据，以便在组件中使用。

Selector 的作用是从存储中选择部分状态或转换状态，并将其提供给组件。它们允许我们以声明性的方式定义数据获取逻辑，避免在组件中进行复杂的数据转换和过滤操作。当存储中的状态发生变化时，Selector 可以自动重新计算数据，确保组件始终使用最新的数据。

在 Angular Ngrx Store 中，我们使用 createSelector 函数来创建 Selector。createSelector 函数接收多个参数，其中第一个参数是一个或多个输入 Selector 或存储中的状态切片。接下来的参数是转换函数，用于选择、过滤和转换状态。最后，我们可以传递一个可选的比较函数，用于比较前后两个状态的相等性。

下面是一个示例，演示如何在 Angular Ngrx Store 中使用 Selector：

import {
    createSelector, createFeatureSelector } from '@ngrx/store'