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
    Utilisation d'un template HTML dans un Web Component — mise en situation Web Components | CodeDuel