Del siguiente código no se puede obtener la identificación de la plantilla. Intentando establecer contenido para la plantilla usando id. Pero no funciona. Cómo hacer en JavaScript.
HTML:
<template id="management" is="dom-if" if="[[flag]]"> </template>JavaScript:
var flag = true; const appDiv = document.getElementById('management'); appDiv.innerHTML = `<h1>Power management</h1>`;Demostración: https://stackblitz.com/edit/anagram-implementation-nimzfz?file=index.html,index.js
No es así como se deben usar las plantillas . Obtiene el contenido de la plantilla y LUEGO manipula el contenido y luego inserta el contenido manipulado (clonado) en la página DOM
const appDiv = document.getElementById('management').content; appDiv.querySelector("h1").textContent = `Power management`; document.querySelector("body").appendChild(appDiv) <template id="management"> <div> <h1></h1> </div> </template>