Tengo una extensa lista que estoy creando en Javascript y algunos ítem tienen sub ítem.
Mi lista es algo así:
Let lista = [{
nombre: "Elveramiro",
direccion: [{
nombre: "Asunción Paraguay",
geo: "https://maps.google.com/?-25.282005, -57.635117"
}]
}]
La manera en que llamo a los ítems, y funciona bien; es:
<span>${item.nombre}</span>
Pero no puedo lograr llamar al contenido item de direccion
por separados. Porque al nombre muestro como texto, y al geo muestro en un enlace:
<span><a href="${item[direccion.lugar]}">${item[direccion.nombre}</a></span>
La estructura completa que uso es lo siguiente:
Let lista = [
{
nombre: "Elveramiro",
direccion: [{
nombre: "Asunción Paraguay",
geo: "https://maps.google.com/?-25.282005, -57.635117"
}]
}
]
Let tarjeta = "";
lista.forEach(item => {
tarjeta += `
<section>
<div class="tarjeta">
<span><a href="${item[direccion.lugar]}">${item[direccion.nombre}</a></span>
</div>
</section>
`;
});
document.getElementById("lista").innerHTML = tarjeta;