1

Buen día, quisiera saber como puedo insertar codigo HTML dentro de mi constante en typescript

Codigo

const tcText = 'To continue downloading your files, , you may click on ${<a class="skip 2" (click)="onSetEmail()">Skip</a>}` "to download links directly.';

2 respuestas 2

1

Mientras cumplas las reglas de sintaxis de los strings, puedes embeber todo el HTML que quieras. Por reglas, me refiero a que el string inicie y termine correctamente. En la práctica, si vas a utilizar comillas dobles dentro del HTML, puedes iniciar y terminar el string dentro de tu código ts con comillas simples.

function onClick() {
  alert('The button was clicked');
}

const tcText = 'To continue downloading your files, you may click on <a class="skipBtn" onClick="onClick()">Skip</a> to download links directly.';
document.getElementById('elemnt').innerHTML = tcText;
.skipBtn {
  color: white;
  background-color: maroon;
}
<div id="elemnt"></div>

1
1
<div id="elemnt"></div>
<script>
    const tcText = 'To continue downloading your files, , you may click on <a class="skip 2" style="color:red" onclick="onSetEmail()">Skip</a>` "to download links directly.'
    document.getElementById("elemnt").innerHTML=tcText;
</script>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.