创建一个 angular 全局解析器，使数据在每条路由中都可用

Question

我正在尝试制作一个全局解析器，它将提供每条路由...类似这样的东西

this.activatedRoute.data =>

{
    global: {...}
    route: {...}
}

这就是我正在尝试的

const routes: Routes = [
    {
        path: '',
        resolve: { globalResolve: globalResolverService },
        children: [
            { path: '', component: HomeComponent, resolve: { home: ViewHomeResolver } },
            { path: 'getting-started', component: GettingStartedComponent },
            { path: 'expert/:slug', component: ProfileComponent, resolve: { profile: ProfileResolver } },
            { path: 'loan-types', component: Loantype2Component, resolve: { grid: Loan2Resolver } },
            { path: 'loan-types/:loan', component: LoanCategoryDetailsComponent, resolve: { loanDetails: LoanDetailsResolver } },

        ]},
];

以上结果仅为 homeComponent。

Answer 1

你的this.activatedRoute.data意味着你正在访问它自己的路由数据范围，

要访问父数据，请使用 this.activatedRoute.parent.data

创建一个 angular 全局解析器，使数据在每条路由中都可用

make an angular global resolver to make data available in every route

angular-routing

angular

angular-resolver