Ajouter une étiquette à mes données récupérées

Bonsoir,

je voudrais ajouter pour chaque monnaie que je vais chercher le nom complet et pas juste l'abréviation : exemple BTC - Bitcoin et en ce moment je récupère uniquement BTC et je voudrais rajouter une étiquette avec le nom de cette monnaie.

Avez vous une idée ?

mon source : component.html

Code:

1
2
3
4
5
6
7
8
<div *ngIf="cryptos">
    <div id="crypto-container" *ngFor="let crypto of objectKeys(cryptos)">
 
    <span class="tag is-primary left">{{ crypto }}</span>
    <span class="tag is-warning right">{{ cryptos[crypto].EUR | currency:'EUR':true}}</span>
 
  </div>
</div>

data.service.ts

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
 
import { map } from 'rxjs/operators';
 
@Injectable()
export class DataService {
 
  result:any;
 
  constructor(private _http: HttpClient) {}
 
  getPrices() {
    return this._http.get("https://min-api.cryptocompare.com/data/pricemulti?fsyms=BTC,ETH,XMR,BCH,EUR,USD&tsyms=EUR")
      map(result => this.result = result);
 
  }
 
}

component.ts

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import { Component } from '@angular/core';
import { DataService } from './data.service';
import { AstMemoryEfficientTransformer } from '@angular/compiler';
 
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  objectKeys = Object.keys;
  cryptos: any;
 
  constructor(private _data: DataService) {
 
  }
 
  ngOnInit() {
    this._data.getPrices()
      .subscribe(res => {
        this.cryptos = res;
        //console.log(res);
      });
  }
 
}