Descargo de responsabilidad: leí muchas cosas sobre el análisis y la omisión de [innerHTML] en Angular. Encontré pocas soluciones que incluyen la creación de una canalización y eludir la URL o HTML, etc.

Todavía no puedo encontrar una buena solución.

Problema : al proporcionar mi HTML a DOMParser() o configurar directamente el HTML, lo analiza (de forma predeterminada), lo que conduce a resultados inapropiados/no deseados.

Tengo HTML que contiene esta línea.

 <table border="0" cellpadding="0" cellspacing="0" style="text-align:left;font-size: 15px;" width="100%"> <tbody>${shipmentData.order_items.map((items, i)=>{return ` <tr>...</tr>`})}

Al pasar esto a DOMParser o innerHTML , se convierte en el siguiente código

 ${shipmentData.order_items.map((items, i)=&gt;{return ` `}).join('')}<table style="text-align:left;font-size: 15px;" width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody><tr>

Probé muchas soluciones como se indicó anteriormente en el descargo de responsabilidad y también intenté configurar las cosas usando replaceChildren() or append() etc., pero ninguna obtiene el resultado que quiero.

¿Hay alguna forma de configurar HTML sin analizar ningún elemento?