Moustache.js s'échappe "/"

J'ai un fichier JSON simple comme indiqué ci-dessous:

{ "products": [ { "title": "United Colors of Benetton Men's Shirt", "description": "Cool, breezy and charming – this solid green shirt from United Colors of Benetton is born on the beach. Effortlessly classy, this full sleeved shirt is perfect when worn with faded blue jeans and a pair of shades for a weekend get-together.", "quantity": "10", "cost": "3.00", "brand": "United", "image": "catalog/images/img2.jpg", "category": "1", "popularity": "100" } ] } 

J'explique ce fichier JSON à l'aide de Moustache.js dans le modèle de coupure:

 <table class="product-list"> {{#products}} <tr> <td> <table class="product"> <tr> <td class="product-image"> <img src"{{image}}" height="150" width="150" /> </td> <td class="product-details"> <p class="title">{{title}}</p> <p class="description">{{description}}</p> <p class="quantity"><b>Quanity Available: </b>{{quantity}}</p> <p class="cost"><b>Cost: </b>&pound; {{cost}}</p> <p class="brand"><b>Brand:</b> {{brand}}</p> </td> </tr> </table> </td> </tr> {{/products}} </table> 

Tout fonctionne bien, mais pour une raison quelconque, les barres obliques dans la propriété image sont échappées en raison de laquelle les images ne s'affichent pas.

J'ai essayé d'échapper à des barres obliques dans le fichier JSON en ajoutant une barre oblique inverse devant eux. Mais au lieu du chemin correct, je comprends cela.

 catalog\/images\/img2.jpg 

J'essaie également de désactiver l'échappement HTML en utilisant {{{image}}} et j'obtiens ceci.

 catalog\="" images\="" img2.jpg=\"" 

Comment puis-je afficher la propriété de l'image correctement?

Quelqu'un peut-il m'aider avec ça?

Edit: JS utilisé pour générer le modèle:

 $template = $('#product-template').html(); $renderedHtml = Mustache.render($template, $data); $('#content').html($renderedHtml); 

D'après ce que je vois, cela devrait fonctionner avec les trois moustaches {{{image}}} . Vous manquez également d'après src .

Exemple de violon.