角度路线解析器或onInit？

发布时间：2020-12-17 06:52:20 所属栏目：安全来源：网络整理

导读：有什么更好的使用解析器服务或在OnInit钩子中获取数据？例如,如果我需要从3个不同的源获取数据到1页更好的用户解析器或将代码写入ngOnInit？码 ngOnInit() {service1.getData().subscribe(c = { this.data1 = c;});service2.getData().subscribe(c = { this

有什么更好的使用解析器服务或在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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!