Генерация динамического приращения имени класса с Haml

Question

Я действительно новичок в HTML, и я хочу, чтобы достичь следующей вещи:

<div class="column_1"></div> 
<div class="column_2"></div> 
<div class="column_3"></div> 
<div class="column_4"></div> 

Я попытался это один

- (1..4).each do |i| 
    .column #{i} 

Это создает столбцы, кроме increment - это содержимое из div, а не часть имени класса.

Надежда кто-то может помочь мне, чтобы показать мне правильный путь;)

Answer 1

Вы не можете использовать синтаксис стиля CSS (. и #) для создания динамических атрибутов, как это, вы должны сделать это следующим образом:

- (1..4).each do |i| 
    %div{:class => "column_#{i}"}