angular - 使用 Angular Router 将一个解析的结果传递给另一个

Question

我知道如何为一个路由创建多个解析类，但我不知道如何将一个解析的结果传递给另一个解析。

// Example Route
{
  path: 'book/:id',
  component: BookComponent,
  resolve: {
    document: BookResolve,
    title: BookTitleResolve
  }
}

如果 BookResolve 返回一个书对象，您如何将该书对象传递给 BookTitleResolve？

我有一个标题服务，用于查找数据中的关键 标题。我需要能够从书对象生成书名。这需要是动态的。

Answer 1

同一组件内的解析并发运行，但父组件中的解析将在子组件之前完成，因此实现此目的的最简单方法是创建父路由以解析本书。

{
  path: 'book/:id',
  resolve: {
    document: BookResolve
  },
  children: [ {
    path: '',
    component: BookComponent,
    resolve: {
      title: BookTitleResolve
    }
  } ]
}

请注意，父级不呈现组件并且子级包含一个空白路径，因此尽管添加了一些样板，但路由在功能上应该是相同的。

然后在 BookTitleResolve 实现中，您可以从父路由中检索:

class BookTitleResolve {
    resolve(route: ActivatedRouteSnapshot) {
        // Do something with route.parent.data.document
    }
}