Angular 5 [ep22] Injection dynamique de component
Besoins d'aide ? Posez vos questions sur le Slack : https://goo.gl/U88tW6
Angular est un framewok tendance et très largement utilisé par les développeurs. Je suis là pour vous montrer comment créer un projet Angular avec Angular CLI et comment mettre en place les bonnes pratiques de développement. Cette vidéo est parfaite pour vous si vous souhaitez découvrir ou re-découvrir Angular.
Dans l’épisodes précédent nous avons utilisé les variables d’environnement pour exporter une liste de widgets différente en fonction de l'environnement courant.
Dans cet épisode, nous allons réaliser ensemble, l’injection dynamique de composants pour afficher differents widgets à partir de la boucle du tableau de configuration que l’on a créé dans l’épisode précédent.
Autant vous le dire tout de suite, cet épisode est assez technique et va nous demander d’utiliser pas mal de fonctionnalités d’angular comme les composants, les interfaces, les directives, références et factory.
Pour bien comprendre ce sujet, il va falloir être particulièrement attentif alors mettez votre smartphone en mode avion, préparez vous un bon café et installez-vous, on démarre tout de suite !
----------------------------------------------------
Liens utiles :
Angular CLI : https://github.com/angular/angular-cli
----------------------------------------------------
Autres épisodes :
Angular 5 [ep1] Environnement de développement
• Angular 5 [ep1] Environnement de développe...
Commit git : https://github.com/MikhaelGerbet/dash...
Angular 5 [ep2] Le Git flow
• Video
Angular 5 [ep3] Le cycle d’intégration continue
• Angular 5 [ep3] Le cycle d’intégration con...
Angular 5 [ep4] Le code coverage
• Angular 5 [ep4] Le code coverage avec Cove...
Angular 5 [ep5] Le code review
• Angular 5 [ep5] La revue de qualité de cod...
Angular 5 [ep6] Le code review
• Angular 5 [ep6] Les tests de vulnérabilité...
Angular 5 [ep7] Le déploiement sur Github pages avec Travis
• Angular5 [ep7] Déploiement sur Github page...
Angular 5 [ep8] Le préprocesseur CSS avec Sass
• Angular 5 [ep8] Le préprocesseur CSS avec ...
Angular 5 [ep9] Etendre Sass avec Bourbon
• Angular 5 [ep9] Etendre Sass avec Bourbon
Angular 5 [ep10] Etendre Sass et le responsive avec Bootstrap
• Angular 5 [ep10] Etendre Sass et le respon...
Angular 5 [ep11] Les préfixes CSS avec Autoprefixer & Browserslist
• Angular 5 [ep11] Les préfixes CSS avec Aut...
Angular 5 [ep12] Les polices d'écriture et d'icones avec Font awesome, Flaticon et google fonts
• Angular 5 [ep12] Les polices d'écriture et...
Angular 5 [ep13] Formater son code automatiquement avec Prettier et Pretty quick
• Angular 5 [ep13] Formater son code automat...
Angular 5 [ep14] Qu'est ce qu'un Component ?
• Angular 5 [ep14] Qu'est ce qu'une Component ?
Angular 5 [ep15] Qu'est ce qu'un Module ?
• Angular 5 [ep15] Qu'est ce qu'un Module ?
Angular 5 [ep16] Qu'est ce qu'une Directive ?
• Angular 5 [ep16] Qu'est ce qu'une Directi...
Angular 5 [ep17] Qu'est ce qu'un Pipe ?
• Angular 5 [ep17] Qu'est ce qu'un Pipe ?
Angular 5 [ep18] Qu'est ce qu'un Service ?
• Angular 5 [ep18] Qu'est ce qu'un Service ?
Angular 5 [ep19] Les routes : Redirection & 404 personnalisée
• Angular 5 [ep19] Les routes : Redirection ...
Angular 5 [ep20] Grid responsive avec Gridster
• Angular 5 [ep20] Grid responsive avec Grid...
Angular 5 [ep21] Les variables d'environnement
• Angular 5 [ep21] Les variables d'environne...
Angular 5 [ep22] Injection dynamique de component
• Angular 5 [ep22] Injection dynamique de co...
----------------------------------------------------
Comme toujours, ce tutoriel est gratuit.
Chaque tutoriel sur ma chaîne est gratuit, fait avec ❤ et beaucoup de travail, donc n'oubliez pas de laisser un Like .. :)
----------------------------------------------------
Rejoignez-moi sur les réseaux sociaux.
Linkedin: https://goo.gl/MTaQxr
Github: https://goo.gl/waH8K7
Chaîne YouTube: https://goo.gl/JHzcEX
Slack DahshingJS2 : https://goo.gl/U88tW6
----------------------------------------------------
Pour me contacter, écrivez-moi:
[email protected]
----------------------------------------------------
Merci d'avoir regardé cette vidéo, abonnez-vous à la chaîne pour rester informé des prochains tutos !