Angular 延迟加载查询参数不起作用

Question

我正在尝试对查询参数使用延迟加载，但它不起作用。这是一个例子。 Stackblitz 实际情况是我使用反应式搜索表单，并且对于每个 post 我加载一个带有 table 的惰性模块，显示我的 search.This stackblitz 示例的结果是相似的。我使用 'index' 作为查询参数 并尝试在每次 select 行时加载 DetailsModule。有帮助吗？

Answer 1

单击任意行（查看详细信息）后，DetailsModule 就会加载。要访问 query parameters，请使用 queryParams。我建议在 DetailsComponent 中订阅 queryParams，像这样：

constructor() {
  this.person$ = this._currentRoute.queryParams
    .pipe(
      switchMap(q => this._apiService.getPerson(q.index))
    )
  )

stackblitz