Modèle Jade, comment passer un objet concret aux pages ?

Question

J'ai un modèle jade pour mon projet node.js. Je voudrais envoyer un objet au modèle jade et le passer à une fonction dans la page (pour rendre quelque chose).

Je suis sûr que j'envoie les bons trucs du serveur comme ça.

res.render(__dirname + '/pages/viz.jade', {
    vizJson: newJson,
});

dans le client, je fais quelque chose comme ça :

script
    sunburst(#{vizJson})

Ainsi, à l'intérieur d'une fonction script, je veux appeler une fonction qui crée ma visualisation avec un certain json que j'ai créé du côté du serveur.

Le problème est qu'au moment du rendu, j'obtiens quelque chose comme sunburst([Object object]) . J'ai également essayé d'envoyer la version stringifiée du JSON mais quand je fais JSON.parse(#{vizJson}) il se plaint comme Unexpected token & .

Le json que j'envoie est toujours différent et présente différents niveaux de profondeur.

Quelqu'un sait-il ce qu'il faut faire ?

Gracias

Answer 1

J'espère que cela va aider quelqu'un. J'ai résolu le problème de la façon suivante :

script
    sunburst(!{JSON.stringify(vizJson)})

Remarquez le ! et le {...} enveloppant la méthode stringify.

Answer 2

Pour que cela fonctionne, il faut stringifier sur le serveur.

res.render(__dirname + '/pages/viz.jade', {
    vizJson: JSON.stringify(newJson),
});

Puis, comme vous l'avez mentionné, analyser le JSON sur le client.

script
    sunburst(JSON.parse(#{vizJson}))

J'espère que cela vous aidera !

Answer 3

Curieusement, pour moi, la solution n'impliquait pas d'appels à JSON.parse . J'ai stringifié mon objet sur le serveur et j'ai simplement utilisé la fonction !{vizJson} et j'ai récupéré mon objet côté client.

D'après la documentation, interpolation de chaîne de caractères non encodée : http://jade-lang.com/reference/interpolation/

Answer 4

Du côté de JS, vous renvoyez

res.render(__dirname + '/pages/viz.jade', {
    vizJson: JSON.stringify(newJson),
});

Du côté HTML, j'ai constaté que quelque chose comme :

JSON.parse( '!{vizJson}' )

travaux.