- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
repo :https://github.com/morningharwood/platform/tree/feature/ngrx-firebase
当我尝试订阅我的 selectAll of my post ngrx 实体功能时,出现错误:
Cannot read property of map of undefined
这一定是一个简单的错字,我正在逐字逐句地学习教程。
奇怪的是如果我使用字符串选择器:
this.selected$ = this.store.select('post');
this.selected$.subscribe(console.log); // no error here.
我没有错误。
问题:使用 ngrx 实体时,如何让我的 selectAll
选择器从 ngrx 存储集合 post
中注销所有帖子?
我的post.reducer.ts
import {
PostActions,
PostActionTypes,
} from './post.actions';
import {
ActionReducerMap,
createFeatureSelector,
} from '@ngrx/store';
import {
createEntityAdapter,
EntityState,
} from '@ngrx/entity';
import { Post } from './post.interfaces';
export const postAdapter = createEntityAdapter<Post>();
export interface PostState extends EntityState<Post> {}
export const postInitialState: PostState = {
ids: [ '1234' ],
entities: {
'1234': {
id: '1234',
header: {
title: 'title 1',
subtitle: 'subtitle 1',
},
body: {
sections: [],
},
},
},
};
export const initialState: PostState = postAdapter.getInitialState(postInitialState);
export function postReducer(state: PostState = initialState, action: PostActions): PostState {
switch (action.type) {
case PostActionTypes.ADD_ONE:
return postAdapter.addOne(action.post, state);
default:
return state;
}
}
export const getPostState = createFeatureSelector<PostState>('post');
export const {
selectIds,
selectEntities,
selectAll: selectAllPosts,
selectTotal,
} = postAdapter.getSelectors(getPostState);
export const postReducersMap: ActionReducerMap<any> = {
post: postReducer,
};
和app.component
:
import {
Component,
OnInit,
} from '@angular/core';
import { AppState } from './app.interfaces';
import { Store } from '@ngrx/store';
import { selectAllPosts } from './post/post.reducer';
import { Observable } from 'rxjs/Observable';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ],
})
export class AppComponent implements OnInit {
public selected$: Observable<any>;
constructor(private store: Store<AppState>) {
}
ngOnInit() {
this.selected$ = this.store.select(selectAllPosts);
this.selected$.subscribe(console.log); // error here
}
}
我的forFeature
和forRoot
模块:
@NgModule({
imports: [
BrowserModule.withServerTransition({ appId: 'portfolio-app' }),
StoreModule.forRoot({ reducers }),
EffectsModule.forRoot([]),
PostModule,
],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ],
providers: [],
})
export class AppModule {
}
import { StoreModule } from '@ngrx/store';
import { postReducers } from './post.reducer';
@NgModule({
exports: [],
declarations: [],
imports: [StoreModule.forFeature('post', postReducersMap)],
})
export class PostModule {
}
最佳答案
对于以后遇到这个问题的人来说,这可以通过稍微重构选择器来解决。
根据此处的文档(在发布时有些不完整),ngrx.io/entity/adapter ,您需要使用 createFeatureSelector
函数选择 featureSate,然后将该子状态与适配器选择器一起使用以选择该状态的切片。
改变这个:
post.reducer.ts
export const getPostState = createFeatureSelector<PostState>('post');
export const {
selectIds,
selectEntities,
selectAll: selectAllPosts,
selectTotal,
} = postAdapter.getSelectors(getPostState);
为此:
export const selectPostState = createFeatureSelector<PostState>('post');
export const {
selectIds,
selectEntities,
selectAll
selectTotal,
} = postAdapter.getSelectors();
export const selectPostIds = createSelector(
selectPostState,
selectIds
);
export const selectPostEntities = createSelector(
selectPostState,
selectEntities
);
export const selectAllPosts = createSelector(
selectPostState,
selectAll
);
这将选择 postState
功能的子状态。
希望对你有帮助
编辑:所以看起来上面两个例子是等价的,我面临的问题与 Matthew Harwood 相同并且 ActionReducerMap
的使用不当。
我认为文档对此可能有点困惑,因为它们让人相信实体和实体的状态与功能状态(例如延迟加载状态)的状态相同。
虽然实体状态具有 id 和实体等属性,但它们不需要像特征状态那样分别进行归约,而只需要一个归约器来覆盖该模型的所有实体状态。
例如
export const initialState: PostState = postAdapter.getInitialState(postInitialState);
PostAdapterState
不需要缩减器映射,因为只有一个缩减器
export function postReducer(state: PostState = initialState, action:
PostActions): PostState {
switch (action.type) {
case PostActionTypes.ADD_ONE:
return postAdapter.addOne(action.post, state);
default:
return state;
}
}
涵盖所有实体状态更新。
如果您在一个功能状态中有多个适配器状态,您将需要一个缩减器映射,如下例所示。
假设您有一个图书馆功能状态,以及书籍和杂志的实体。它看起来像下面这样。
book.reducer.ts
export interface BookEntityState extends EntityState<Book> {
selectedBookId: string | null;
}
const bookAdapter: EntityAdapter<Book> = createEntityAdapter<Book>();
export const initialBookState: BookEntityState = adapter.getInitialState({
selectedBookId: null
});
export const bookReducer (...) ... etc
magazine.reducer.ts
export interface MagazineEntityState extends EntityState<Magazine> {
selectedMagazineId: string | null;
}
const magazineAdapter: EntityAdapter<Magazine> = createEntityAdapter<Magazine>();
export const initialMagazineState: MagazineEntityState =
adapter.getInitialState({
selectedMagazineId: null
});
export const magazineReducer (...) ... etc
然后你的库功能状态可能是这样的
library.reducer.ts
// Feature state,
export interface LibraryFeatureState {
books: BookEntityState
magazines: MagazineEntityState
}
// Reducer map of the lirbray
export const libraryReducersMap: ActionReducerMap<LibraryFeatureState> = {
books: bookReducer,
magazines: magazineReducer
};
然后将功能状态添加到 LibraryModule 导入数组中的 Store。
library.module.ts
...
StoreModule.forFeature<LibraryFeatureState>('libraryState',
libraryReducersMap),
...
希望这对其他人有帮助。
关于angular - 使用 featureSelector ngrx 时无法读取未定义 map 的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47406386/
我遇到以下问题。我想读取一个包含数百万行和数百列的大型 csv。我想向下转换列的数据类型。我的方法是读取 csv,然后使用 pd.to_numeric() 对其进行向下转换。我不知道列数及其类型。在读
目前,我从 SQL server (2008) 数据库获取数据。 cyurrent的方法是使用DataTable,然后将其传递并使用。 if (parameters != null)
我有以下问题。我有一个巨大的 csv 文件,想用多处理加载它。对于一个包含 500000 行和 130 列不同数据类型的示例文件,Pandas 需要 19 秒。我试过 dask 因为我想多处理阅读。但
是否有关于用于序列化各种 MFC 数据结构的二进制格式的明确文档?我已经能够在十六进制编辑器中查看我自己的一些类,并使用 Java 的 ByteBuffer 类读取它们(使用自动字节顺序转换等)。 但
我正在使用 Selenium 进行测试,我们用 HTML 文件编写测试用例,并用它们制作测试套件,我们的要求是编写足够健壮的测试用例,以根据测试环境改变自身。 为此,我不希望在 HTML 脚本本身中包
我需要一个 JavaScript 代码来读取存储为 .txt 文件的字典(或者也可以保存为任何其他类型的文件。它也可以在线获得)并将其内容存储在一个变量中。我不能找到一种让 JavaScript 像
我正在尝试遍历包含 SSH 登录和其他日志的日志文本文件。 程序正在返回 SSH 登录的总数。 我的解决方案确实有效,但似乎有点慢(在 200mo 文件上大约需要 3.5 秒)。我想知道是否有任何方法
我正在将大量数据从一个电子表格复制到工作簿中的其他 160 个电子表格。目前,Excel (2013) 遇到错误,因为它没有足够的资源来完成操作。 我的目标是将工作表 4 中 V13:XI1150 范
我正在尝试读取一个有 1147 行的文本文件。下面的代码仅读取第 1050-1147 行。我的目标是读取整个文件并提取位于不同行的特定值以在脚本中使用。一个示例是包含“BlockList: 2”的行中
我正在为游戏编写解释器。用户将其移动输入解释器,程序执行该移动。 现在我想为每个决定实现一个时间限制。玩家不应该能够思考超过 30 秒来写一个移动并按下回车。 call_with_time_limit
以this file例如,我正在尝试读取 data.frame 中的数据。来自 the doc (pdf 文件,表 1),它遵循一些 fortran 约定。我尝试了以下但收效甚微: dir 0' 将
我正在使用 R 阅读 Outlook 附件。我的引用在这里:Download attachment from an outlook email using R 这是我的电子邮件的截图: 这每天都会发送
我不会从表格中读取行来将主题放在列表中 php脚本 $url_obj='http://'.$host.':8069/xmlrpc/object'; $sock=new xmlrpc_client($u
我有一个这样的 csv 文件: id,name,value 1,peter,5 2,peter\,paul,3 我如何读取此文件并告诉 R "\," 不表示新列,仅表示 ","。 我必须添加该文件
我正在尝试读取 ~/Library/Preferences/com.apple.mail.plist (在 Snow Leopard 上)以获取电子邮件地址和其他信息以进入“关于”对话框。我使用以下代
This question already has answers here: How do I use floating-point division in bash? (19个回答) 5个月前关闭
本练习的目标是读取输入文件并将其存储到表中,然后验证输入中的某些字段并输出任何错误记录。我需要读取并存储每个策略组,以便表中一次仅存储 5 条记录,而不是整个文件。 所以我需要读取一个包含 5 条记录
据我了解,LWT 插入始终以 SERIAL 一致性级别完成。如果为 true,这是否意味着读取作为 LWT 插入的行可以安全地以 ANY 的一致性级别读取? 换句话说,我假设 LWT 插入是完全一致的
我看到很多很多通过java脚本读取cookie的函数,但我只想在变量中使用它一次,我是JS新手。 这是我的代码 var TheNumber = (Math.random() + '') * 10000
我正在使用 asp.net 和 C#。我在服务器上部署了一个应用程序[已发布],现在我想查看该网站的代码,据我所知,我可以阅读程序集来查看代码。 请告诉我如何实现它。 提前致谢。 最佳答案 您可以使用
我是一名优秀的程序员,十分优秀!