Boucle dans le moteur de template Jade (actuellement connu sous le nom de "Pug")

Question

Je veux utiliser une boucle simple comme for(int i=0; i<10; i++){} .

Comment l'utiliser dans le moteur Jade ? Je travaille avec Node.js et utilise le framework expressjs.

Answer 1

Par exemple :

- for (var i = 0; i < 10; ++i) {
  li= array[i]
- }

vous pouvez voir https://github.com/visionmedia/jade pour un document détaillé.

Answer 2

En utilisant le nœud, j'ai une collection de trucs @stuff et y accéder comme ceci :

- each stuff in stuffs
  p
    = stuff.sentence

Answer 3

Voici une méthode très simple jade qui ont une boucle dans le fichier. Jade est très sensible aux espaces blancs. Après la ligne de définition de la boucle ( for ) vous devez donner une indentation (tabulation) aux éléments qui veulent aller à l'intérieur de la boucle. Vous pouvez le faire sans {} :

- var arr=['one', 'two', 'three'];
- var s = 'string';
doctype html
html
    head
    body
        section= s
        - for (var i=0; i<3; i++)
            div= arr[i]

Answer 4

J'ajoute juste une autre possibilité car cela pourrait aider quelqu'un qui essaie à la fois d'itérer sur un tableau ET de maintenir un compte. Par exemple, le code ci-dessous parcourt un tableau nommé items et n'affiche que les 3 premiers éléments. Remarquez que le each y el if sont des jades natifs et n'ont pas besoin de trait d'union.

ul
  - var count = 0;
  each item in items
    if count < 3
      li= item.name
    - count++;

Answer 5

Vous pouvez également accélérer les choses avec un while boucle (voir ici : http://jsperf.com/javascript-while-vs-for-loops ). Il est également beaucoup plus concis et lisible, selon moi :

i = 10
while(i--)
    //- iterate here
    div= i