【问题标题】:HAML Conditional parentHAML 条件父
【发布时间】:2014-10-19 17:19:48
【问题描述】:

我正在尝试创建一个引导组按钮,每行 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
    ...

谢谢!

【问题讨论】:

    标签: twitter-bootstrap haml


    【解决方案1】:

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

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

    【讨论】:

    • 太棒了!谢谢 - 这肯定会奏效。我只是好奇,是否有另一种方法,因为我已经有一种情况,我必须有条件地将内容放入父级或没有它?没有涉及数组,只是普通变量@nested。
    • @zveljkovic 这样的事情:stackoverflow.com/questions/7237308/…?
    • 谢谢@matt。我在搜索时发现了类似的解决方案,但我不喜欢带有 partials 和 content_for 的臃肿。 Nathan Long 解决方案和信息非常好。我会检查一下。再次感谢您的帮助。
    猜你喜欢
    • 1970-01-01
    • 2017-09-01
    • 2014-07-17
    • 1970-01-01
    • 1970-01-01
    • 2013-12-14
    • 2010-12-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多