如何将ngrx / store与Angular 4路由器同步

Question

目前我没有路由，但我确实有一个默认状态和一组工作的reducer。简化版本如下所示：

const defaultMapState: MapState = {
  baseLayer: 'roadmap',
  overlays: []
};

然后我有一些操纵该状态的动作，例如：

• MAP_SET_BASELAYER
• MAP_ADD_OVERLAY
• MAP_REMOVE_OVERLAY

我正在尝试支持以下方案：

1. 有2个网址参数，基础图层和叠加层。在初始化应用程序时，使用这些值来设置状态。如果缺少值，请从defaultState中获取该变量的值。
2. 执行每个操作后，执行某种中间件以使路由与当前状态同步。
3. 如果URL更改（未被操作触发），请更新状态。

我迷失在这里。我找到了'@ngrx / router-store'，但我不确定它是如何工作的，如果它甚至是为了解决这些问题。