Existe alguna manera de realizar un for dentro de un template literal en js?
Recupero de un JSON y accedo a ellos en un primer for y todo va bien pero, después la clave de Permisos tiene un valor del tipo arreglo, por eso quería saber si se puede realizar dígamos algo así:
for (let fila of r) {
tablaNotas.appendChild(stringToRowNode(
`<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-parent="#accordion" data-toggle="collapse" href="#${fila["IdUsuario"]}${fila["IdPermiso"]}" aria-expanded="false" aria-controls="${fila["IdUsuario"]}${fila["IdPermiso"]}">
${ fila["Email"].toString().toUpperCase()}
</a>
</h4>
<button type="button" class="collpase-button collapsed" data-parent="#accordion" data-toggle="collapse" href="#${fila["IdUsuario"]}${fila["IdPermiso"]}"></button>
</div>
<div class="panel-collapse collapse" role="tabpanel" id="${fila["IdUsuario"]}${fila["IdPermiso"]}">
<div class="panel-body">
for(let ${p} of ${ fila["Permisos"] }) {
<p>${ p["IdPermiso"] }</p>
<p>${ p["Nombre"] }</p>
}
</div>
</div>
</div>`
));
}
Eso es lo que trato de hacer.
Es esto posible o existe alguna función que me permita realizar algo parecido?