Estoy tratando de leer, analizar y mostrar los elementos de un JSON para mi extensión, pero de alguna manera no se muestra.
Mi código antes de la parte HTML en _getHtmlForWebview() , donde declaro la matriz es este:
const fs = require('fs'); const configsList = fs.readFileSync('./configuration.json', 'utf8'); Todo funciona aquí, probé console.log(configList) y la matriz se imprime como debería. Así que no hay problemas aquí.
A continuación, traté de iterar sobre la matriz de datos en el HTML de esta manera (solo partes):
En la parte <HTML>:
function displayConfigs() { var mainContainer = document.getElementById("target-id"); data = ${configList} for (var i = 0; i < data.length; i++) { var div = document.createElement("div"); div.innerHTML = 'Config ID: ' + data[i].id + ', Config Name: ' + data[i].name; mainContainer.appendChild(div); } }Y ejecutándolo en la parte <Script>:
<span onclick="displayConfigs()"><button> <strong>Display Configs</strong> </button></span> <div id="target-id"></div>Pero después de presionar el botón en mi vista web, no pasa nada