首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用ForkJoin访问2个接口的数据有困难

使用ForkJoin访问2个接口的数据有困难
EN

Stack Overflow用户
提问于 2019-06-19 04:58:41
回答 2查看 84关注 0票数 0

我正在尝试访问我的angular应用程序上的2个API

  1. https://sportsbook.draftkings.com/api/odds/v1/leagues/3/offers/gamelines.json
  2. https://www.fantasylabs.com/api/sportevents/3/2019_06_17

我使用forkjoin异步访问这两个数据的数据。

下面是我的api.component.ts代码

代码语言:javascript
复制
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable, forkJoin } from 'rxjs';

@Component({
  selector: 'app-mlb-api',
  templateUrl: './mlb-api.component.html',
  styleUrls: ['./mlb-api.component.css']
})
export class MlbApiComponent  {

loadedCharacter: {};
  constructor(private http: HttpClient) { }

  ngOnInit() {
    let character = this.http.get('https://sportsbook.draftkings.com/api/odds/v1/leagues/3/offers/gamelines.json');
    let characterHomeworld = this.http.get('https://www.fantasylabs.com/api/sportevents/3/2019_06_17');

    forkJoin([character, characterHomeworld]).subscribe(results => {

      (results[0] as any).name = results[1];
      this.loadedCharacter = results[0];
    });
  }
}

我正在尝试从第一个应用程序接口实现name属性,从第二个应用程序接口实现EventID属性。

这是我的html代码。

代码语言:javascript
复制
   <td>{{loadedCharacter.name}}</td>
    <td>{{loadedCharacter.EventId}}</td>

在我得到的输出中

代码语言:javascript
复制
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

我可以使用以下命令检索页面上的所有json数据

代码语言:javascript
复制
{{loadedCharacter | json}}

为了能够单独检索所有数据,我应该进行哪些更改?

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56656956

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档