Wie wiederhole ich eine Tabelle in Jade, indem ich jedem eine eindeutige ID zuweise?

Question

Ich versuche, eine Tabelle mit 9 Zeilen mit 9 Spalten zu erstellen. Ich möchte das schaffen, indem ich es mit Hilfe von Jade durchspiele. Ich bin ziemlich neu in Jade, also bin ich wahrscheinlich weit weg, aber das ist jetzt mein Code;

var test1 = ['0', '1', '2', '3', '4', '5', '6', '7', '8'] 
var test2 = ['0', '1', '2', '3', '4', '5', '6', '7', '8'] 
for (var i = 0; i < test1.length; i++) { 
    tr 
     for (var o = 0; i < test2.length; o++) { 
     td(id='square-'+test1[i]+test2[o]) 
     } 
} 

Dies (offensichtlich?) Gibt mir einen Syntaxfehler.

Wie gehe ich vor, um eine Tabelle mit 9 Zeilen und 9 Spalten zu durchlaufen und ihnen id = Quadrat00, Quadrat01, Quadrat02 usw. zu geben?

Answer 1

So etwas sollte es tun:

- var rows = ['0', '1', '2', '3', '4', '5', '6', '7', '8']; 
- var columns = ['0', '1', '2', '3', '4', '5', '6', '7', '8']; 

table 
    tbody 
     each row in rows 
      tr 
       each column in columns 
        td(id="square-" + row + "-" + column) #{row} - #{column} 

Beachten Sie, dass die Javascript durch vorangestellt ist - mit Ausnahme der Linien, die die Iterieren tun. Das liegt daran, dass jedes ein reserviertes Schlüsselwort ist, das Jade (jetzt Pug) als Bedeutung für die Iteration erkennt.

Viel Glück!