Angular TypeScript call api method get

Nel linguaggio di programmazione TypeScript, possiamo utilizzare il componente axios, che permette la gestione per utilizzare i servizi web api.

In questo esempio, da utilizzare con la tecnologia Angular ed il linguaggio di programmazione TypeScript, viene richiamato un metodo.

Installare i componenti per gestire i servizi Api, di seguito i comandi da eseguire nella finestra dei prompt dei comandi di Visual Studio Code.

npm install axios

npm install @types/axios

Dichiarare in alto alla pagina l'utilizzo delle classi del componente axios appena installato, importando il riferimento.

TypeScript

import axios from 'axios';

 

Di seguito una funzione che richiama un metodo get di un servizio web api.

TypeScript

 

 async   getDati() {

  try {

    const response = await axios.get('http://localhost:5135/api/Anagraficas');

    console.log(response.data);

 

  } catch (error) {

    console.error('Errore: ', error);

  }

}