如何使用ngrx-router-store获取ngrx特效中的路由参数？

ngrx-router-store是一个用于在Angular应用中管理路由状态的库。它提供了一种将路由参数与应用状态进行绑定的方式，以便在应用中使用这些参数。

要使用ngrx-router-store获取路由参数，可以按照以下步骤进行操作：

1. 首先，确保已经安装了ngrx-router-store库。可以通过运行以下命令来安装它：

npm install @ngrx/router-store

1. 在应用的根模块中导入StoreRouterConnectingModule并将其添加到imports数组中。这将启用ngrx-router-store库并将路由状态添加到应用的状态树中。示例代码如下：

import { StoreRouterConnectingModule } from '@ngrx/router-store';

@NgModule({
  imports: [
    StoreRouterConnectingModule.forRoot(),
    // 其他模块导入
  ],
  // 其他配置
})
export class AppModule { }

1. 在组件中，可以使用selectRouteParams选择器从应用状态中获取路由参数。首先，导入selectRouteParams选择器和Store服务。然后，使用select方法和selectRouteParams选择器来选择路由参数。示例代码如下：

import { selectRouteParams } from '@ngrx/router-store';
import { Store } from '@ngrx/store';

@Component({
  // 组件配置
})
export class MyComponent implements OnInit {
  constructor(private store: Store) { }

  ngOnInit() {
    this.store.select(selectRouteParams).subscribe(params => {
      // 在这里处理路由参数
      console.log(params);
    });
  }
}

在上述代码中，selectRouteParams选择器将返回一个包含当前路由参数的对象。可以在subscribe方法中订阅该选择器，并在回调函数中处理路由参数。

总结：

ngrx-router-store是一个用于管理Angular应用中路由状态的库。要使用它获取路由参数，需要在应用的根模块中导入StoreRouterConnectingModule，然后在组件中使用selectRouteParams选择器从应用状态中选择路由参数。