Angular -如何在加载组件之前等待provider get请求完成？

import { Injectable } from '@angular/core';
import { Resolve } from '@angular/router';
import { YourProviderService } from './your-provider.service';

@Injectable()
export class YourResolver implements Resolve<any> {

  constructor(private yourProviderService: YourProviderService) {}

  resolve() {
    return this.yourProviderService.getData(); // 发送GET请求获取数据
  }
}

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { YourComponent } from './your-component.component';
import { YourResolver } from './your-resolver.service';

const routes: Routes = [
  {
    path: 'your-path',
    component: YourComponent,
    resolve: {
      data: YourResolver // 将Resolver与组件关联
    }
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {

  data: any;

  constructor(private route: ActivatedRoute) {}

  ngOnInit() {
    this.data = this.route.snapshot.data['data']; // 获取Resolver返回的数据
  }

}