CATALOGUE Code & Data Formation Angular JS Apprendre Angular JS Création de Composants Dynamiques avec Onglets en AngularJS

Création de Composants Dynamiques avec Onglets en AngularJS

Création d'un composant avec des onglets
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Angular JS
Revoir le teaser Je m'abonne
4,0
Transcription
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,0
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Initiation et Développement Étape par Étape

Objectifs

<p>Les objectifs de cette vidéo sont :</p><ul><li>Comprendre la création d'onglets dynamiques en AngularJS</li><li>Savoir ajouter, supprimer et gérer des onglets de manière interactive</li><li>Maîtriser l'utilisation des directives <em>ng-repeat</em>, <em>ng-click</em>, et <em>ng-class</em></li></ul>

Résumé

<p>Découvrez comment créer et gérer des onglets dynamiques avec <strong>AngularJS</strong></p>

Description

<p>Dans cette leçon, nous allons apprendre à créer un composant avec des onglets dynamiques en utilisant <strong>AngularJS</strong> et <strong>Bootstrap</strong>. Nous commencerons par initialiser les onglets statiques dans le <em>JavaScript</em>, puis explorerons comment récupérer ces onglets dynamiquement à partir d'un serveur. Ensuite, nous ajouterons des fonctionnalités pour la gestion des onglets, comme l'ajout et la suppression d'onglets de manière interactive. Nous verrons également comment mettre en avant l'onglet actif en utilisant des classes <em>CSS</em> et comment afficher le contenu correspondant à chaque onglet.</p><p>Nous implémenterons des fonctions JavaScript pour définir l'onglet actif, ajouter des nouveaux onglets, et gérer la suppression des onglets existants dans le tableau, en utilisant la méthode <strong>splice</strong>. Enfin, nous illustrerons comment structurer et rendre ces fonctionnalités interactives en utilisant <strong>ng-repeat</strong>, <strong>ng-click</strong>, et d'autres directives AngularJS.</p>
Voir plus

Questions fréquentes

Comment définir un onglet actif en AngularJS?
On utilise la méthode setActive pour définir l'onglet actif en utilisant l'index du tableau des onglets.
Quelle méthode JavaScript est utilisée pour supprimer un élément du tableau?
La méthode splice est utilisée pour supprimer un élément d'un tableau en modifiant l'original.
Quelle directive AngularJS permet de répéter des éléments en fonction d'une collection?
La directive ng-repeat permet de répéter des éléments en fonction d'une collection.

Programme détaillé

2 commentaires
4,0
2 votes
5
4
3
2
1
mickael.crez
Il y a 4 ans
Super formation ! Maintenant ça va être impossible de développer sans AngularJS.
Merci au formateur pour cette formation très complète.
alain_nogues
Il y a 4 ans
Pourquoi la police de l'éditeur est-elle si petite ? On s’abîme les yeux à lire ces pattes de mouche. Ce n'est quand même pas compliqué de configurer un corps de 16 ou 18 dans l'éditeur non ?
Je mets une note moyenne à cause de cette bévue impardonnable pour un formateur, alors que la formation est pourtant très bien faite.
Je remonterai ma note quand l'auteur refera ces vidéos avec une police lisible ...