Angular2 路由器和一条路由中的多个解析

Angular2 路由器和多重解析器: 实现灵活路由配置

typescript
import { Injectable } from '@angular/core';
import { ActivatedRouteSnapshot, Resolve, RouterStateSnapshot } from '@angular/router';
import { Observable, of } from 'rxjs';
@Injectable({
  providedIn: 'root',
})
export class FirstResolver implements Resolve {
  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable {
    const data = 'Data from First Resolver';
    console.log(data);
    return of(data);
  }
}
@Injectable({
  providedIn: 'root',
})
export class SecondResolver implements Resolve {
  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable {
    const data = 'Data from Second Resolver';
    console.log(data);
    return of(data);
  }
}

typescript
// app-routing.module.ts
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { FirstResolver, SecondResolver } from './resolvers';
const routes: Routes = [
  {
    path: 'home',
    component: HomeComponent,
    resolve: {
      firstData: FirstResolver,
      secondData: SecondResolver,
    },
  },
];
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
})
export class AppRoutingModule {}