с использованием Angular 6 Я не могу понять, как отобразить массив "result" из запроса Bittrex API https://bittrex.com/api/v1.1/public/getmarketsummary?market=btc-ltc
Я могу получить API, без проблем и отобразить объекты, но массив результатов выглядит как [object Object]
успех верно
Сообщение
результат [объект Объект]
Вот код HTML:
<tr *ngFor="let price of objectKeys(prices)">
<td>{{ price }}</td>
<td>{{ prices[price] }}</td>
</tr>
Я просто хочу знать правильный HTML-код для отображения любого из параметров в массиве результатов. Любая помощь будет оценена.
Спасибо
редактировать: добавлен полный код
data.service:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { HttpHeaders } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class DataService {
result: any;
constructor(private http: HttpClient) { }
getPrice() {
return this.http.get('https://bittrex.com/api/v1.1/public/getmarketsummary?market=btc-ltc')
}
}
component.ts:
import { Component } from '@angular/core';
import { DataService } from './data.service';
import { Observable } from 'rxjs';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
objectKeys = Object.keys;
prices: any;
constructor(private data: DataService) {
}
ngOnInit() {
this.data.getPrice()
.subscribe(res => {
this.prices = res;
});
}
}
component.html
<h2>Bittrex Results</h2>
<div *ngIf="prices">
<table id="pricetable">
<tr>
<th>Bittrex Close</th>
<th>Bittrex Volume</th>
<th>Test</th>
</tr>
<tr *ngFor="let price of objectKeys(prices)">
<td>{{ price }}</td>
<td>{{ prices[price] }}</td>
<td>{{ prices[price] }}</td>
</tr>
</table>
</div>
консольный журнал