Tengo una variable de base de datos de la que obtengo esto, por ejemplo:
hello, `<br />` have a good day, Imprime el <br /> en mi pantalla. ¿Cómo podría decirle a html que
es un salto de línea?
Mi variable se llama greeting y es una matriz de la que uso un for para imprimir todo, pero usé ese pequeño texto como ejemplo.
Así que probé con innerHTML pero no funciona:
<i id="break" class="textTitle">{{ greeting }}</i> <script> document.getElementById("break").innerHTML = "<br/>"; </script>ACTUALIZAR
mi solución fue:
<div [innerHTML]="greeting" ></div>Usa el prop dangerouslySetInnerHTML SetInnerHTML:
<i id="break" class="textTitle" dangerouslySetInnerHTML={greeting}></i>Su código original usa texto interno debajo del capó para establecer el contenido del elemento. Es por eso que se interpreta como texto en lugar de código HTML.
<i id="break" class="textTitle">{{ greeting }}</i>Debe tener algo que ver con la forma en que el intérprete trata el texto, ya que normalmente debería funcionar bien:
document.getElementById("break").innerHTML = "<br/>"; <body> <h1>Hi</h1> <h1 id="break"></h1> <h1>There</h1> </body>