Scribd
Importer
23 vues2 pages

Service&Observable Renforcement

Le document présente une série d'exercices pour créer des services Angular, incluant la récupération de données via des API publiques et l'utilisation d'Observable. Les exercices couvrent la création de services pour gérer des utilisateurs et des posts, ainsi que l'affichage et le filtrage des données dans des composants. Le défi final consiste à développer une application 'Todo API' avec des fonctionnalités de filtrage et d'affichage en temps réel.

Transféré par

imaboh21
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
23 vues2 pages

Service&Observable Renforcement

Le document présente une série d'exercices pour créer des services Angular, incluant la récupération de données via des API publiques et l'utilisation d'Observable. Les exercices couvrent la création de services pour gérer des utilisateurs et des posts, ainsi que l'affichage et le filtrage des données dans des composants. Le défi final consiste à développer une application 'Todo API' avec des fonctionnalités de filtrage et d'affichage en temps réel.

Transféré par

imaboh21
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Exercice 1: Création d’un service simple

Créer un service Angular, l’injecter dans un composant et afficher les données.

Énoncé :

●​ Créer un service UserService.​

●​ Il contient une méthode getUsers() qui retourne un tableau de noms d’utilisateurs.​

●​ Dans AppComponent, récupérer la liste depuis le service et l’afficher.

Exercice 2 : HttpClient avec API publique


Objectif : Faire un appel HTTP GET.

Énoncé :

●​ Créer un service PostService.​

●​ Utiliser HttpClient pour récupérer les posts depuis


[Link]

●​ Afficher les titres dans un composant.

Exercice 3 : Observable personnalisé


Objectif : Comprendre comment créer un Observable à la main.

Énoncé :

●​ Créer un service TimerService qui émet un nombre chaque seconde.​

●​ Afficher le compteur en temps réel dans un composant.

Exercice 4 : Combiner services + HTTP + filtres


Objectif : Appeler une API et filtrer les résultats.

Énoncé :
●​ Depuis [Link] récupérer tous les
utilisateurs.​

●​ Afficher seulement ceux dont le nom commence par C.

Exercice 5 : Défi final


Objectif : Réaliser une petite appli "Todo API".

●​ Service qui récupère les todos depuis


[Link]

●​ Afficher la liste avec *ngFor​

●​ Ajouter un champ input pour filtrer les todos par titre en temps réel.​

●​ Bonus : bouton pour afficher seulement les todos complétés.

Vous aimerez peut-être aussi