1

Estoy tratando de iterar con un each en Jade, para generar un menu, pero dentro del a el href no me itera el array paginas usando la interpolacion #{pagina}. Sin embargo fuera de esa etiqueta si funciona.

  -var paginas = ["inicio","nosotros","servicios","clientes","contacto"]

 ul
   each pagina in paginas
     li: a(href="#{pagina}.html") #{pagina}

Lo cual genera lo siguiente:

    <ul>
      <li><a href="#{pagina}.html">inicio</a></li>
      <li><a href="#{pagina}.html">nosotros</a></li>
      <li><a href="#{pagina}.html">servicios</a></li>
      <li><a href="#{pagina}.html">clientes</a></li>
      <li><a href="#{pagina}.html">contacto</a></li>
    </ul>

Dato adicional: Estoy utilizando prepros para compilar.

2
  • Si, pero finalmente tuve que colocar directamente la etiqueta <a href="#{pagina}.html">#{pagina}</a> dentro del .jade en vez de a(href="#{pagina}.html") #{pagina} Supongo que debe ser algo de prepros , saludos y muchas gracias el 27 dic. 2016 a las 0:57
  • sorry no manejo mucho la pagina , pero creo que ahi lo hice el 27 dic. 2016 a las 11:39

3 respuestas 3

1

tu array no esta siendo reconocido

si lo borras y trabajas asi?

ul
    each pagina in ["inicio","nosotros","servicios","clientes","contacto"]
        li: a(href="#{pagina}.html") #{pagina}

lo cual genera lo siguiente:

<ul>
  <li><a href="inicio.html">inicio</a>
  </li>
  <li><a href="nosotros.html">nosotros</a>
  </li>
  <li><a href="servicios.html">servicios</a>
  </li>
  <li><a href="clientes.html">clientes</a>
  </li>
  <li><a href="contacto.html">contacto</a>
  </li>
</ul>

mira lo probe en linea y funciona

introducir la descripción de la imagen aquí

13
  • Gracias, pero no me resutla. De hecho me itera el segundo #{pagina}, pero el que está dentro del href no itera el 25 dic. 2016 a las 23:37
  • @noobChileno puedes poner mas codigo?
    – hubman
    el 25 dic. 2016 a las 23:43
  • arriba inclui el html que me compila el 25 dic. 2016 a las 23:59
  • @noobChileno has probado con mi codigo?
    – hubman
    el 26 dic. 2016 a las 0:04
  • asi es, incluso lo probe creando otros archivos independientes, y me sigue dando el mismo error. el 26 dic. 2016 a las 0:15
1

Esto me ha servido y no me ha dado ningun error, espero te ayude.

-var paginas = ["inicio", "nosotros", "servicios", "clientes", "contacto"]

ul
  each pagina, i in paginas
    li: a(href= paginas[i] + ".html") #{pagina}
0

Hice 3 pruebas distintas (no mucho) con el array que suministraste, use codepen.io para hacer las pruebas, y aunque una .pug algunas de estas formas puede servirte.

introducir la descripción de la imagen aquí introducir la descripción de la imagen aquí

Aquí el código:

    -var paginas = ["inicio","nosotros","servicios","clientes","contacto"]
    ul
        each pagina in paginas
            li: a(href="#{pagina}.html") #{pagina}
    ul
        each uno, i in paginas
            li: a(href=uno[i] +".html") #{uno}
    ul
        each otro in paginas
            li: a(href=otro[$index] +".html")= otro

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.