我正在尝试访问我的angular应用程序上的2个API
我使用forkjoin异步访问这两个数据的数据。
下面是我的api.component.ts代码
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代码。
<td>{{loadedCharacter.name}}</td>
<td>{{loadedCharacter.EventId}}</td>
在我得到的输出中
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
我可以使用以下命令检索页面上的所有json数据
{{loadedCharacter | json}}
为了能够单独检索所有数据,我应该进行哪些更改?
https://stackoverflow.com/questions/56656956
复制相似问题