2

Desde node tengo algo así:

var nombres = ['Saab','Volvo','BMW'];

app.get('/', function(req, res){
  res.render('index', {nombres: nombres});
});

luego en pug:

- var nombres1 = {nombres};
html(lang="es")
head
title= "Itris INFO"
body
script.
  console.log(!{JSON.stringify(nombres1)});
ul
  each nombre in nombres1
    li= nombre

Pero cuando renderiza, en el html me muestra:

  • Saab,Volvo,BMW

Y la idea es que muestre algo así:

  • Saab

  • Volvo

  • BMW

Probé todas las opciones que dicen en otros post sobre esto y nada funciona. El tag script lo agregue a efectos de ver el objeto en la consola, y ahí si me muestra un array de 3 elementos. Sin embargo, cuando lo utilizo en pug no funciona... no se si toma como un string o que...

2
  • te aseguro que son los espacios, solamente eso los espacios
    – deluf
    Commented el 26 jul. 2017 a las 0:37
  • Ah si... error mio... pero ahora tiene otro problema... Commented el 26 jul. 2017 a las 0:44

2 respuestas 2

0

Intenta esto

//Routes

 app.get('/',(req,res)=>{
   let nombres = ['Saab','Volvo','BMW'];
   res.render('index',{nombres}); // o {'nombres':nombres}
 });

//views/index.pug

ul
  each nombre in nombres
       li= nombre

Fuente: https://pugjs.org/language/iteration.html

17
  • No... todo lo que esta en la documentación ya lo probé... creo que hay algo con el JSON.stringify pero no puedo terminar de determinarlo... Commented el 26 jul. 2017 a las 1:50
  • Puedes mostrarme mas detalles? de la variable que estas mandando, para poderte ayudar Commented el 26 jul. 2017 a las 2:02
  • SI, ahi agregue mas detalles... es tan simple como mandar un array y querer replicarlo en el template como una lista de esos 3 elementos... pero nada funciona... La variable que mando es justamente el array que esta en la primer linea del javascript Commented el 26 jul. 2017 a las 2:19
  • Amigo ami me funciona app.get('/',(req,res)=>{ let nombres = ['Saab','Volvo','BMW']; res.render('index',{nombres}); }); Commented el 26 jul. 2017 a las 3:20
  • Pero y como haces en pug para que se vea los li uno debajo del otro? Ahi es donde no me funciona... Commented el 26 jul. 2017 a las 3:46
0

Prueba con esto:

each nombre, i in nombres
  li #{nombre}

Adjunto un enlace sobre la sintaxis de Jade.

1
  • Si lo habia probado.... pero devuelve lo mismo: * Saab,Volvo,BMW Commented el 26 jul. 2017 a las 1:06

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.