Angular路由解析器在订阅时不起作用。
创始人
2024-10-28 02:00:38
0

Angular路由解析器不适用于通过订阅异步请求获取的数据,因为解析器是在路由执行时立即执行的,而订阅操作是异步执行的。解决这个问题的一种方法是使用RxJS的switchMap操作符来将订阅的可观察对象转换为另一个可观察对象,并在其中执行路由解析器。这样做的代码示例如下:

import { Injectable } from '@angular/core';
import { Resolve, ActivatedRouteSnapshot } from '@angular/router';
import { Observable } from 'rxjs/Observable';
import { switchMap } from 'rxjs/operators';
import { DataService } from '../services/data.service';

@Injectable()
export class MyResolver implements Resolve {

  constructor(private dataService: DataService) {}

  resolve(route: ActivatedRouteSnapshot): Observable | Promise | any {
    return this.dataService.getData().pipe(
      switchMap(data => {
        const id = route.paramMap.get('id');
        return this.dataService.getDataById(id);
      })
    );
  }
}

在这个示例中,我们定义了一个名为MyResolver的路由解析器,并注入了一个名为DataService的数据服务。在resolve方法中,我们通过一个具有数据的数据服务获取一个可观察对象,然后使用switchMap操作符将其转换为另一个可观察对象,并在其中执行我们的路由解析器。这样做的效果是,我们的路由解析器在获取到订阅的数据后才会被执行,而不是在路由执行前就被立即执行。

相关内容

热门资讯

实测教程"广东雀神智... 实测教程"广东雀神智能插件智能价格"开挂(下载)辅助下载有挂攻略-技巧教程;亲,广东雀神智能插件智能...
大家学习交流"西兵辅... 大家学习交流"西兵辅助器"开挂(透视)辅助透视有挂工具-线上教程;无需打开直接搜索薇:1367043...
分享一款"新西游拼十... 分享一款"新西游拼十辅助器"开挂(安装)辅助安装今日头条-必备教程 【无需打开直接搜索加薇13670...
分享一款"创思维激k... 分享一款"创思维激k辅助插件"开挂(脚本)辅助脚本有挂分享-线上教程创思维激k辅助插件ai黑科技系统...
1.9分钟了解"有哪... 【亲,有哪些免费的wpk辅助码 这款游戏可以开挂的,确实是有挂的,很多玩家在这款有哪些免费的wpk辅...
今日百科"茶馆辅助软... 今日百科"茶馆辅助软件"开挂(下载)辅助下载有挂方针-科技教程 >>您好:软件加薇136704302...
必知教程"决战十三辅... 必知教程"决战十三辅助器"开挂(透视)辅助透视有挂解惑-2026新版技巧 了解更多开挂安装加(136...
揭秘几款"金虎爷辅助... 大家好,今天小编来为大家解答金虎爷辅助器这个问题咨询软件客服可以免费测试直接加微信(13670430...
透视教学"星悦游戏辅... 透视教学"星悦游戏辅助论坛"开挂(软件)辅助软件有人有挂-规律教程;无需打开直接搜索薇:136704...
一分钟秒懂"poke... 一分钟秒懂"pokemmo辅助器脚本下载"开挂(透视)辅助透视有挂总结-必胜教程 【无需打开直接搜索...