Angular路由器在返回observable之前不解决Promises。
创始人
2024-10-28 03:33:07
0

可以使用Rxjs的switchMap和toPromise方法将Promise转换为Observable。在路由中使用resolve来解决Promise并等待其结果。以下是一个示例:

import { Injectable } from '@angular/core';
import { Resolve } from '@angular/router';
import { Observable } from 'rxjs/Observable';
import { switchMap } from 'rxjs/operators';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class MyResolver implements Resolve {
  constructor(private http: HttpClient) { }

  resolve(): Observable {
    return this.http.get('/api/data').pipe(
      switchMap((data: any) => {
        const promise = this.http.get('/api/otherdata').toPromise();
        return Observable.fromPromise(promise).map((otherData: any) => {
          data.otherData = otherData;
          return data;
        });
      })
    );
  }
}

在路由中使用resolve:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { MyResolver } from './my-resolver.service';
import { MyComponent } from './my.component';

const routes: Routes = [
  {
    path: 'details',
    component: MyComponent,
    resolve: {
      data: MyResolver
    }
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
  providers: [MyResolver]
})
export class MyRoutingModule { }

这将在路由被访问之前执行MyResolver中的resolve方法,并等待Promise的结果,然后使用switchMap将其包装为一个Observable以便在MyComponent中使用。

相关内容

热门资讯

wepoke插件!wepoke... wepoke插件!wepoke管理系统(透视辅助)wePoke(一贯真的有挂);最新版2024是一款...
9分钟了解!心悦海南麻将有挂是... 9分钟了解!心悦海南麻将有挂是真的吗,天天福建十三张辅助工具,我来教教你(有挂软件)1.心悦海南麻将...
微扑克ai机器人!微扑克可以用... 微扑克ai机器人!微扑克可以用模拟器(透明挂)确实真的有挂1、实时微扑克开挂更新:用户可以随时随地访...
攻略讲解!赣牌圈的隐藏机制(透... 攻略讲解!赣牌圈的隐藏机制(透视辅助)好像是有挂(2022已更新)(哔哩哔哩)1、每一步都需要思考,...
总结教程!wepoke透明挂(... 总结教程!wepoke透明挂(wepok软件透明挂)wepoker(就是真的有挂);wepoker黑...
微扑克游戏辅助器!微扑克有挂,... 您好,微扑克这款游戏可以开挂的,确实是有挂的,需要了解加微【757446909】很多玩家在这款游戏中...
九分钟了解!福建麻将有挂吗,心... 九分钟了解!福建麻将有挂吗,心悦麻将挂踢坑,存在挂教程(有挂解密);1、点击下载安装,心悦麻将挂踢坑...
发现一款!jj斗地主助赢神器(... 发现一款!jj斗地主助赢神器(辅助)一贯存在有挂(2021已更新)(哔哩哔哩)1、不需要AI权限,帮...
1分钟了解!安徽闲来麻将有挂吗... 1分钟了解!安徽闲来麻将有挂吗,边锋斗地主底牌怎么看,详细教程(有挂教程)1、构建自己的边锋斗地主底...
微扑克ai辅助!微扑克使用方法... 微扑克ai辅助!微扑克使用方法(透视辅助)都是有挂是一款可以让一直输的玩家,快速成为一个“必胜”的a...