How can I display cryptocurrency data in my Angular app?

How can I display cryptocurrency data in my Angular app?

You can use APIs like CoinGecko or CoinMarketCap to fetch cryptocurrency data and display it in your Angular components.

Can you show me a code example for fetching data from CoinGecko?

Sure! You can use HttpClient to make a GET request. Here's a simple example:

import { HttpClient } from '@angular/common/http';
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-crypto',
  templateUrl: './crypto.component.html',
})
export class CryptoComponent implements OnInit {
  cryptoData: any;

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.http.get('https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd')
      .subscribe(data => {
        this.cryptoData = data;
      });
  }
}

What should I do to display this data in my template?

You can use Angular's *ngFor directive to loop through the cryptoData array and display the information in your template like this:

<div *ngFor="let coin of cryptoData">
  <h2>{{ coin.name }}</h2>
  <p>Price: {{ coin.current_price }}</p>
</div>