我正在使用ngrx/store、ngrx/effects和ngrx/router。
我的效果是这样的：
@Effect() loadOneProduct$ = this.updates$
.whenAction(LOAD_ONE_PRODUCT)
.switchMap(() => this.productService.loadOneProduct())
.map(oneProduct => ({ type: LOAD_ONE_PRODUCT_SUCCESS, payload: oneProduct }));
@Effect() loadOneWorker$ = this.updates$
.whenAction(LOAD_ONE_WORKER)
.switchMap(() => this.workerService.loadOneWorker())
.map(oneWorker => ({ type: LOAD_ONE_WORKER_SUCCESS, payload: oneWorker }));
一开始，store状态是这样的：
{
company: { name: 'Google' },
products: {},
workers: {}
}
1）运行后this.store.dispatch({ type: LOAD_ONE_PRODUCT });变成这样：
{
company: { name: 'Google' },
products: {
oneProduct: {
label: 'Phone'
}
},
workers: {}
}
2）运行后this.store.dispatch({ type: LOAD_ONE_WORKER });变成这样：
{
company: { name: 'Google' },
products: {
oneProduct: {
label: 'Phone'
}
},
workers: {
oneWorker: {
name: 'Tom'
}
},
}
3）接下来当我转到另一个页面时，
{{store|async|json}}
ngOnInit()
{
this.subscription = this.store
.select(x => x.products && x.products.oneProduct)
.subscribe(oneProduct => {
// Got undefined here. I suppose I can get the latest value from the store
console.log(oneProduct);
});
// Everything will become correct if I `dispatch` any action
// And I created a action called TEST, no reducer for it, which means won't change store state, also works
}
现在{{store|async|json}}显示：
{
company: { name: 'Google' },
products: {},
workers: {}
}
我所有的状态都回到了初始状态。不仅products消失了，而且workers消失了。（注意：workers也消失了。）
（但是，在 Chrome 扩展 Redux 工具中，状态树始终显示正确。）
如果我添加一个按钮并手动使用 ChangeDetectorRef，dothis._cdRef.detectChanges();仍然{{store|async|json}}显示初始状态。（所以似乎与区域无关）
但是，如果我之后调度一些操作，两者products都会workers返回状态。并且也{{store|async|json}}正确显示。
由于在 Chrome 扩展 Redux 工具中，状态树始终显示正确。所以我猜它只是没有正确加载。我的问题是当页面发生变化时，什么会触发加载所有商店状态？谢谢