Uso este fragmento de código para tomar parte de la descripción del objeto de video:
<div id="description"> <p>{{video.description | slice:":20" }}</p> <button onclick="showDescription()">Show description</button> </div> Allí obtuve la función showDescription() , quiero que muestre el resto de la descripción cambiando el código HTML interno:
function showDescription() { var text = document.getElementById('description') text.innerHTML = "<p style='overflow-wrap: break-word; width: 100%;'>{{video.description}}</p>" };pero vuelve
{{video.description}}En lugar de una descripción real, ¿alguna idea?
Debe pasar {{video.description}} como argumento de función.
<div id="description"> <p>{{video.description | slice:":20" }}</p> <button onclick="showDescription('{{video.description}}')">Show description</button> </div> function showDescription(description) { var text = document.getElementById('description') text.innerHTML = "<p style='overflow-wrap: break-word; width: 100%;'>" + description + "</p>" };