Schleifen mehrerer Arrays in HAML

Question

Ich versuche, eine Schleife in HAML zu erstellen, die mehrere Arrays verwenden könnte. Lass mich erklären, was ich meine.

Ich habe HAML Code, der wie folgt aussieht:

- ['thumb1', 'thumb2', 'thumb3', 'thumb4'].each_with_index do |value, index| 
    - ['head1', 'head2', 'head3', 'head4'].each do |i| 
    %span.span{:class => "photo-#{value}"} #{value} 
    %a #{i}ere 

Und es gibt dazu:

<span class='photo-thumb1 span'>thumb1</span> 
<a>head1</a> 
<span class='photo-thumb1 span'>thumb1</span> 
<a>head2</a> 
<span class='photo-thumb1 span'>thumb1</span> 
<a>head3</a> 
<span class='photo-thumb1 span'>thumb1</span> 
<a>head4</a> 
<span class='photo-thumb2 span'>thumb2</span> 
<a>head1</a> 
<span class='photo-thumb2 span'>thumb2</span> 
<a>head2</a> 
<span class='photo-thumb2 span'>thumb2</span> 
<a>head3</a> 
<span class='photo-thumb2 span'>thumb2</span> 
<a>head4</a> 
<span class='photo-thumb3 span'>thumb3</span> 
<a>head1</a> 
<span class='photo-thumb3 span'>thumb3</span> 
<a>head2</a> 
<span class='photo-thumb3 span'>thumb3</span> 
<a>head3</a> 
<span class='photo-thumb3 span'>thumb3</span> 
<a>head4</a> 
<span class='photo-thumb4 span'>thumb4</span> 
<a>head1</a> 
<span class='photo-thumb4 span'>thumb4</span> 
<a>head2</a> 
<span class='photo-thumb4 span'>thumb4</span> 
<a>head3</a> 
<span class='photo-thumb4 span'>thumb4</span> 

Aber der Ausgang ich wirklich will, ist:

<span class='photo-thumb1 span'>thumb1</span> 
<a>head1</a> 
<span class='photo-thumb2 span'>thumb1</span> 
<a>head2</a> 
<span class='photo-thumb3 span'>thumb1</span> 
<a>head3</a> 
<span class='photo-thumb4 span'>thumb1</span> 
<a>head4</a> 

Was bin Ich vermisse hier? Wenn ich versuche, das Leerzeichen zu löschen, würde es nur einen Fehler auslösen.

Answer 1

Sorry, aber Ihre Frage ist so verwirrend. Es wäre etwas, was du brauchst?

- [['tb1', 'hd1'], ['tb2', 'hd2'], ['tb3', 'hd4']].each do |thumb, head| 
    %span{class: "photo-#{thumb} span"}= thumb 
    %a= head 

Answer 2

Ich denke, was Sie suchen zip ist:

- ['thumb1', 'thumb2', 'thumb3', 'thumb4'].zip(['head1', 'head2', 'head3', 'head4']) do |thumb, head| 
    %span.span{:class => "photo-#{thumb}"}= thumb 
    %a= head