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

Question

我正在尝试对查询参数使用延迟加载，但无法正常工作。这是一个例子。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