具有查询参数的角延迟加载不起作用

Question

我正在尝试将延迟加载与查询参数一起使用，但无法正常工作。这是一个例子。 Stackblitz 真正的案例是我使用了反应式搜索表单，并且每篇文章都会加载一个惰性模块，其中包含一个表来显示搜索结果。这个stackblitz示例与此类似。我使用“索引”作为查询参数 并在每次选择一行时尝试加载DetailsModule。有帮助吗？

Answer 1

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

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

stackblitz