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操作符将其转换为另一个可观察对象,并在其中执行我们的路由解析器。这样做的效果是,我们的路由解析器在获取到订阅的数据后才会被执行,而不是在路由执行前就被立即执行。

相关内容

热门资讯

wpk透视辅助工具!传奇扑克辅... wpk透视辅助工具!传奇扑克辅助,(Wepoke)从前是真的有挂(详细辅助黑科技教程);一、wpk透...
透视脚本(wepoke辅助德之... 自定义系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是想分享给你好...
微扑克辅助挂!微扑克算正规平台... 微扑克辅助挂!微扑克算正规平台吗,(德州aapoker俱乐部)先前真的是有挂(详细透视教你攻略);亲...
透视代打(wepoke辅助有挂... 透视代打(wepoke辅助有挂)wepoke app(详细辅助介绍教程)原来是真的有挂是一款可以让一...
德州ai机器人!pokerma... 德州ai机器人!pokermaster有外挂吗,(wepoKe)总是是真的有挂(详细辅助揭秘攻略);...
透视线上(微扑克ai辅助工具)... 透视线上(微扑克ai辅助工具)wepoke透明挂件(详细辅助微扑克教程)确实是有挂,您好,这款游戏可...
wpk有外挂!wepower有... wpk有外挂!wepower有辅助软件吗,(wePOke)原本真的是有挂(详细辅助教你教程);原来确...
透视插件(微扑克ai辅助)we... 透视插件(微扑克ai辅助)wepoke有挂吗网上靠谱吗(详细辅助教你攻略)竟然是真的有挂1、任何德州...
德州之星辅助!微扑克辅助机器人... 1、德州之星辅助!微扑克辅助机器人,(WepOke)最初存在有挂(详细透视规律教程);详细教程。2、...
透视了解(wepoke智能ai... 透视了解(wepoke智能ai)微扑克插件(详细辅助2025新版技巧)果然是真的有挂,亲,有的,ai...