Angular NGRX选择器无法读取属性';旅游供应商';未定义的
我已经在angular应用程序中实现了ngrx。我的管理模块我有一个API调用,用于从服务器获取一些数据,我创建了Angular NGRX选择器无法读取属性';旅游供应商';未定义的,angular,redux,ngrx,Angular,Redux,Ngrx,我已经在angular应用程序中实现了ngrx。我的管理模块我有一个API调用,用于从服务器获取一些数据,我创建了effect,并成功执行了它。我可以在redux开发工具中看到这一点。使用选择器选择数据时出现问题。在浏览器控制台中,出现此错误错误类型错误:无法读取未定义的属性“tourProvider”。 我使用的是angular 8和ngrx 8.0.1 这是我的应用程序级别状态root-state.ts import { CustomerStateKey, CustomerState }
effect
,并成功执行了它。我可以在redux开发工具中看到这一点。使用选择器选择数据时出现问题。在浏览器控制台中,出现此错误错误类型错误:无法读取未定义的属性“tourProvider”
。
我使用的是angular 8和ngrx 8.0.1
这是我的应用程序级别状态root-state.ts
import { CustomerStateKey, CustomerState } from "../customer/customer-
store/customer.state";
import { AdminStateKey, AdminState } from "../admin/admin-
store/admin.state";
export interface State {
[CustomerStateKey]: CustomerState;
[AdminStateKey]: AdminState;
}
模块级状态admin.state.ts
import { TourproviderState } from "./state/tourprovider.state";
import { createFeatureSelector } from "@ngrx/store";
import { State } from "src/app/root-store/root-state";
export interface AdminState {
tourproviderState: TourproviderState;
}
export const AdminStateKey = 'admin';
export const SelectAdminState = createFeatureSelector<State, AdminState>
(AdminStateKey);
这是我的选择器文件tourproivder.selector.ts
import { createSelector } from '@ngrx/store';
import { SelectAdminState, AdminState } from '../admin.state';
export const selectTourprovider = createSelector(SelectAdminState, ({
tourproviderState }: AdminState) => tourproviderState.tourProvider);
export const selectIsTourproviderLoading =
createSelector(SelectAdminState,
({ tourproviderState }: AdminState) => tourproviderState.isLoading);
export const selectTourproviderError = createSelector(SelectAdminState, ({
tourproviderState }: AdminState) => tourproviderState.error);
数据模型类型tourprovider.model.ts
export interface Tourprovider {
id: number,
name: string,
email: string,
description: string,
logo: string,
contactNum: string,
contactNum2: string,
streetAddress: string,
streetAddress2: string,
zipCode: string,
city: string,
state: string,
countryCode: string,
countryName: string,
}
数据模型类型request-result.model.ts
export interface RequestResult<T> {
code: number;
message: string;
payload: T;
}
导出接口请求结果{
代码:编号;
消息:字符串;
有效载荷:T;
}
你能在stackblitz上共享你的代码吗?嘿,我知道了。问题是我在管理状态和选择器中使用了不同的名称,或者你能在stackblitz上共享你的代码吗?嘿,我知道了。问题是我在管理状态和选择器中使用了不同的名称
export interface Tourprovider {
id: number,
name: string,
email: string,
description: string,
logo: string,
contactNum: string,
contactNum2: string,
streetAddress: string,
streetAddress2: string,
zipCode: string,
city: string,
state: string,
countryCode: string,
countryName: string,
}
export interface RequestResult<T> {
code: number;
message: string;
payload: T;
}