HAML有条件的父母

时间:2014-10-19 17:19:49

标签: twitter-bootstrap haml

我正在尝试每行创建一个bootstrap组按钮4,直到没有剩余按钮为止。我想要实现的静态HAML代码如下(请注意,btn-group有一个下拉列表,因此它下面非常大)

.btn-group.btn-group-justified
  .btn-group
    ...
  .btn-group
    ...
  .btn-group
    ...
  .btn-group
    ...
.btn-group.btn-group-justified
  .btn-group
    ...
  .btn-group
    ...
  .btn-group
    ...
  .btn-group
    ...
.btn-group.btn-group-justified
  .btn-group
    ...
  .btn-group
    ...
  .btn-group
    ...
  .btn-group
    ...

我目前的尝试(不起作用)如下:

- some_array.each_with_index do |w,i|
  - if i % 4 == 0
    .btn-group.btn-group-justified
  .btn-group
    ...

谢谢!

1 个答案:

答案 0 :(得分:1)

首先使用each_slice对数据进行分组,然后Haml应该很简单:

- some_array.each_slice(4) do |group|
  .btn-group.btn-group-justified
    - group.each do |w|
      .btn-group
        ...