Angular 路由解析器或 onInit？

Question

使用 resolver 服务或在 OnInit Hook 中获取数据有什么更好的选择？例如，如果我需要从 3 个不同的来源获取数据到 1 个页面，更好的用户解析器或将代码写入 ngOnInit？

代码

ngOnInit() {
  service1.getData().subscribe(c => {
    this.data1 = c;
  });
  service2.getData().subscribe(c => {
    this.data2 = c;
  });
  service3.getData().subscribe(c => {
    this.data3 = c;
  });
}

或

RouterModule.forRoot([{
  path: 'page/:id',
  component: blabla,
  resolve: {
    data1: service1,
    data2: service2,
    data3: service3
  }
}])

ngOnInit() {
  this.data1 = this.activatedRoute.snapshot.data.data1;
  this.data2 = this.activatedRoute.snapshot.data.data2;
  this.data3 = this.activatedRoute.snapshot.data.data3;
}

Answer 1

resolvers 和 onInit 之间的主要区别在于同步性。

• Resolver 是同步的。

  • 当您需要加载组件之前的数据时，您应该使用它。
  • 您阻止组件加载。
  • 您没有将服务注入(inject)组件(您不能在那里使用其他方法)

• OnInit 是异步的(在您的代码中)。

  • 在加载组件之前不需要数据可用时，您应该使用它。
  • 您不阻止组件加载。
  • 您将服务注入(inject)到组件中，因此您可以使用该服务的其他方法。

看看这个网站:https://blog.thoughtram.io/angular/2016/10/10/resolving-route-data-in-angular-2.html