代码之家 › 专栏 › 技术社区 › Imad El Hitti

从角度路径分解器返回多个信息

resolver observable rxjs angular

Imad El Hitti · 技术社区 · 6 年前

在我的应用程序中,我面临着一个关于解析器返回的问题。

基本上这就是我的分解者:

constructor(private authService: AuthService) { }
  resolve() {
    /*
    this.authService.token; // (property) PeAuthService.authorizationHeader: string
    this.authService.getUserInfo(); // (method) PeAuthService.getUserInfos(): Observable<any>
    */
    return {
      token: this.authService.token,
      userInfo: this.authService.getUserInfo()
    };
  }

我觉得我做的不正确,因为我可以访问令牌值,但不能访问用户信息。

有没有方法返回一个包含用户信息数据和令牌的可观察数据?那么也许把一个可观测的和一个字符串组合在一个可观测的?

2 回复 | 直到 6 年前

martin 6 年前

更多的“RX”方式将得到 getUserInfo() 然后把它和 this.authService.token 使用 map() 操作员:

this.authService.getUserInfo()
  .pipe(
    map(userInfo => ({
      userInfo,
      token: this.authService.token,
    }))
  );

David Walschots 6 年前

在不等待价值的情况下, userInfo 返回对象的属性包含 Observable . 因此,只需使用 async 和 await :

async resolve() {
  return {
    token: this.authService.token,
    userInfo: await this.authService.getUserInfo()
  };
}

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前