有什么更好的使用解析器服务或在OnInit钩子中获取数据？例如,如果我需要从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;
}
解决方法
解析器和onInit之间的主要区别在于同步性.
>解析器是同步的.
>在加载组件之前需要数据时,应该使用它.
>您阻止组件加载.
>您没有将服务注入组件(您不能使用其他方法)
> OnInit是异步的(在您的代码中).
>在加载组件之前,如果不需要数据,则应使用它.
>您不会阻止组件加载.
>您将服务注入组件,因此您可以使用此服务中的其他方法.
看看这个网站：https://blog.thoughtram.io/angular/2016/10/10/resolving-route-data-in-angular-2.html
