NgRx 14+中createFeature跨Feature选择器实现及selectData疑问

在新Angular项目中尝试使用NgRx 14+的新语法createFeature()，但遇到阻碍：不知如何通过新API实现跨Feature选择器。参考相关文档中“Extra selectors on feature”章节的代码后，有两个疑问：

1. 示例中的selectData具体是什么？
2. 若要基于不同Feature创建新选择器，如何调用其他Feature的选择器？同时猜测跨Feature选择器仍需采用常规方式，比如：

export const selectCrossFeatureExampleSelector= createSelector(
  selectFeature1Something,
  selectFeature2Something,
  (something: Feature1Obj, somethingElse: Feature2Obj) => ({ something, somethingElse })
);

其中selectFeature1Something和selectFeature2Something是在对应Feature的extraSelectors中定义的？

一、selectData的本质 #

• selectData是createFeature()自动生成的顶层属性选择器。当你在createFeature的reducer中定义了包含data属性的initialState时，NgRx会自动为state的每个顶层属性生成对应选择器，命名规则为select[属性名首字母大写]——比如state里有loading就生成selectLoading，有error就生成selectError。
• 这些自动生成的选择器会被注入到extraSelectors的参数对象中，供你快速构建自定义的衍生选择器，就像示例里用selectData创建selectDataAsArray那样。

二、跨Feature选择器的实现方式 #

你的猜测完全正确，跨Feature选择器沿用常规的createSelector写法，具体步骤如下：

1. 导出目标Feature的选择器：无论是NgRx自动生成的选择器，还是你在extraSelectors中自定义的选择器，都需要从对应Feature的文件中导出。例如：

   // feature1.selectors.ts
   export const Feature1 = createFeature({
     name: 'feature1',
     reducer: /* ... */,
     extraSelectors: ({selectData}) => ({
       selectFeature1Something: createSelector(selectData, data => /* 自定义逻辑 */)
     })
   });
   // 导出需要跨Feature使用的选择器
   export const { selectFeature1Something } = Feature1;
   

2. 组合跨Feature选择器：在单独的文件（如cross-feature.selectors.ts）中，导入不同Feature的选择器，用createSelector组合：

   import { selectFeature1Something } from './feature1/feature1.selectors';
   import { selectFeature2Something } from './feature2/feature2.selectors';
   
   export const selectCrossFeatureExampleSelector = createSelector(
     selectFeature1Something,
     selectFeature2Something,
     (something, somethingElse) => ({ something, somethingElse })
   );
   

3. 关键说明：跨Feature选择器不需要依赖createFeature的特殊API，因为它本质是从全局store的不同Feature切片中提取数据并组合，核心逻辑和NgRx 14之前的写法一致。

内容的提问来源于stack exchange，提问作者Faz Fazzi