Retour aux cas pratiques
Web ComponentsFondamental
Utilisation d'un template HTML dans un Web Component
Scénario
Contexte : Un composant personnalisé contient du HTML complexe difficile à maintenir dans une string JavaScript. Le Problème : Le code HTML intégré dans innerHTML devient illisible. Contraintes : Utiliser la balise <template> native HTML. Livrable attendu : Refactoriser le composant pour cloner un template défini dans le document et l'injecter dans le Shadow DOM.
Compétences ciblées
webcomponentstemplateshadowdomcomponent