Discussion :

[cdevl37]

bonjour,

J'ai deux questions :

1) comment faire pour mettre à jour automatiquement ma page qui affiche c'est données ?

2) Je voudrais que sur ma page il affiche pour chaque monnaie le symbole qui correspond, ici dans mon cas il affiche toute mes monnaie en avec le symbole $

j'ai ceci comme affichage :

BTC $7,050.01

ETH $170.05

EUR $1.09 ici je voudrais le symbole euro

mon code source : data.service.ts

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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,EUR&tsyms=USD")
      map(result => this.result = result);
  }
 
}

app.component.ts

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
  ngOnInit() {
    this._data.getPrices()
      .subscribe(res => {
        this.cryptos = res;
        console.log(res);
      });
  }
}

app.component.html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[pfuek]

en voyant USD, tu peux te douter que c'est les dollars :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<span class="right">{{ cryptos[crypto].USD | currency:'USD':true}}</span>

faut se dire peut etre en mettant EUR

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<span class="right">{{ cryptos[crypto].EUR| currency:'EUR':true}}</span>

puis, si ça ne fonctionne pas
alors suffit de chercher sur internet avec les mots clés: angular currency euro


** autre point:
pour les dates, surement mettre le local_id sur 'fr-FR'

une recherche sur google: angular local_id français

[cdevl37]

oui en effet sa c'est ok pour changer en EUR sa fonctionne.

En ce qui concerne la mise à jour des données sur ma page avez vous une idée ?

merci à vous pour votre aide

[krakatoa]

https://alligator.io/angular/change-detection-strategy/


this.cd.detectChanges();

[cdevl37]

Merci à vous.

au niveau de mon code je dois indiquer ou exactement ? je n'ai encore jamais utiliser je suis un petit peux perdu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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,EUR&tsyms=EUR")
      map(result => this.result = result);
  }
 
}

[krakatoa]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
ngOnInit() {
    this._data.getPrices()
      .subscribe(res => {
        this.cryptos = res;
        console.log(res);
this.cd.detectChanges();
      });
  }
}