Angular: Import et matching de fichier Excel avec XLSX

Hi !!! Dans ce tutoriel, nous allons apprendre à importer un fichier excel, puis faire le matching avec XLSX uniquement au front. Nous allons utiliser le module XLSX et suivre la démarche de la documentation 😛:

https://www.npmjs.com/package/xlsx

Pour l’installer, nous exécutons la commande suivante :

npm install xlsx

Puis l’importer dans notre component.

import * as xlsx from ‘xlsx’;

Maintenant, nous allons importer notre fichier Excel de la manière suivante :

Voici le HTML correspondant à l’import :

Ensuite, on se penche sur la fonction de lecture et d’extraction des données du fichier Excel:

La fonction de matching permet de faire la correspondance des en têtes du fichier Excel avec notre objet updateLine.

Le fichier exemple correspondant à l’import :

A l’import, la table est remplie automatiquement avec les données du fichier Excel.

Merci.