Convertir une chaîne en objet lien javascript utilisé pour le modèle moustache

Question

J'ai un objet qui possède une propriété avec une valeur de chaîne.

var notificationDetails = { 
 
    dangerMessage: "I love basketball and love to watch it in. <a href='www.nba.com'>Link</a>;", 
 
    seats: "1 seatRemaining", 
 
    pName: "Item 1", 
 
    class: "" 
 
}; 
 

 
document.write(notificationDetails.dangerMessage);

Comment puis-je convertir un élément à un lien dans la propriété dangerMessage, il se lit comme chaîne pas le lien réel. Merci d'avance.

J'oubliais de dire que j'utilise mustache.js pour rendre cette propriété dans l'objet qu'il ressemble à ce

<script type="text/x-mustache-tmpl" id="order-template"> 
    <div>{{dangerMessage}} </div> 
</script> 

Answer 1

Depuis le commentaire, vous pouvez utiliser {{{dangerMessage}}}:

<script type="text/x-mustache-tmpl" id="order-template"> 
    <div>{{{dangerMessage}}}</div> 
</script> 

De Doc:

Toutes les variables sont échappées par défaut HTML. Si vous voulez retourner HTML non échappé, utilisez la moustache triple: {{{name}}}.

Answer 2

Il fonctionne.

Regardez le résultat de l'extrait de code ci-dessous.

var notificationDetails = { 
 
    dangerMessage: "I love basketball and love to watch it in. <a href='www.nba.com'>Link</a>;", 
 
    seats: "1 seatRemaining", 
 
    pName: "Item 1", 
 
    class: "" 
 
}; 
 

 
document.write(notificationDetails.dangerMessage);

EDIT pour mustache.js: Pour avoir html vous non échappés suffit d'utiliser triple crochets{{{ }}} au lieu des crochets doubles pour {{ }} html échappé:

<div>{{{dangerMessage}}}</div>

Docs

Answer 3

Vous pouvez utiliser .innerHtml propriété d'éléments DOM:

function myFunction() { 
 
    var notificationDetails = { 
 
      dangerMessage: "I love basketball and love to watch it in. <a href='www.nba.com'>Link</a>;", 
 
      seats: "1 seatRemaining", 
 
      pName: "Item 1", 
 
      class:"" 
 
    }; 
 
    document.getElementById("demo").innerHTML = notificationDetails.dangerMessage; 
 
}

<p id="demo" onclick="myFunction()">Click me to change my HTML content (innerHTML).</p>

Cocher cette page: https://jsfiddle.net/o8nzwxt1/