开发者问题收集

使用@ngrx/data，获取“实体类型 [x] 没有 EntityDefinition”

2019-11-06
3877
angular ngrx ngrx-data

我尝试使用 @ngrx/data 在 Angular 中创建一个简单的服务，并且在组件运行时收到错误 EntityDefinition for entity type "Position". 。

我的 EntityMetadataMap 是这样的： 

const entityMetaData: EntityMetadataMap = {
  Employee: {},
  Position: {}
};

const pluralNames = { Employee: 'Employees', Position: 'Positions' };

export const entityConfig = {
  entityMetaData,
  pluralNames,
};

我的商店模块是这样的： 

@NgModule({
  declarations: [],
  imports: [
    StoreModule.forRoot({}),
    EffectsModule.forRoot([]),
    StoreDevtoolsModule.instrument(),
    EntityDataModule.forRoot(entityConfig),
  ],
  providers: [
    {provide: DefaultDataServiceConfig, useValue: defaultDataServiceConfig},
    PositionsDataService
  ]

})
export class ItwStoreModule {
  constructor() {
    console.log(entityConfig);
  }
}

我的位置数据服务是这样的： 

@Injectable({ providedIn: 'root' })
export class PositionsDataService extends EntityCollectionServiceBase<Position> {
  constructor(serviceFactory: EntityCollectionServiceElementsFactory) {
    super('Position', serviceFactory);
  }
}

我可以在模块设置和 EntityDataModule 中放置一个断点，我可以看到实体定义存在并且正在正确设置（作为 EntityDataModule.forRoot(entityConfig) 的一部分）。

但是当服务的构造函数触发并调用 super(...) 时，在调试器中，我可以看到传入的 EntityCollectionServiceElementsFactory （请注意“定义”为空）：

在此处输入图片描述

我在这里做错了什么？ 显然，在商店模块启动和依赖注入将 EntityCollectionServiceElementsFactory 注入服务之间，出现了问题。

3个回答

您输入错误：-

应为 entityMetadata

Andrew Allen
2019-11-06

为了轻松使用实体，这里有一个示例

在您的 store.states.ts 

export interface State {
    store_A: STATE_A;
}

export interface STATE_A extends EntityState<ClassA> {}

export const adapter: EntityAdapter<ClassA> = createEntityAdapter<ClassA>({
    selectId: (params: ClassA) => params.id
});

export const initialState: State = {
    store_A: aAdapter.getInitialState({})
};

在您的 store.selector.ts 

export const getMainState = createFeatureSelector<State>('root-feature');

export const getStateA = createSelector(getMainState , (state) => state.stateA);

export const getAllStateA = createSelector(getStateA , (state) => adapter.getSelectors().selectAll);

在您的服务或组件中： 

this.store.select(getAllStateA) // Observable of all item A

在您的 Reducer 中： 

...
  on(
    MyAction,
    (state, { itemAs }) => {
      return adapter.addAll(itemAs , { ...state });
    }
  ),
...
Wandrille
2019-11-06

提供配置时，请务必使用属性名称 entityConfig 。例如： 

const mySampleEntityMetadata : EntityMetadataMap = {
    Hero: {},
    Villain: {}
};

...

export const entityConfig = {
    entityMetadata: mySampleEntityMetadata,
    pluralNames
};
Amit
2020-05-17