处理时的HAML缩进？

Question

我正在尝试在 .each 循环中使用 HAML 生成以下代码。根据循环中的真/假条件，它应该使用div2 创建一个新的div1，或者在之前的div1 中附加div2。这是逻辑的简化：

Desired output:

if true, append `div2` within `div1`, 

    <div class="div1">    #added by true condition
      div1 text
      <div class="div2">  #added by true condition
        div2 text
      </div>
      <div class="div2">  #added by false condition
        div2 text
      </div>
      <div class="div2">  #added by false condition
        div2 text
      </div>
    </div>

else, create a new `div1` and add `div2` within it

    <div class="div1">    #added by true condition
      div1 text
      <div class="div2">  #added by true condition
        div2 text
      </div>
    </div>
    <div class="div1">    #new div1, added by true condition
      div1 text
      <div class="div2">  #added by true condition
        div2 text
      </div>
    </div>

实际上，我正在尝试这样做

  //within a loop logic
    - if condition == true
      .div1
        div1 text
    -# in all conditions
        .div2
          div2 text

这是我的 HAML 逻辑，我使用的是 tab_up，但我认为这不是正确的 HAML 方法：

  //within a loop logic
    - if condition == true
      .div1
        div1 text
    - tab_up(2)  #trying to indent the HAML, not just the HTML output
    .div2
       div2 text

Answer 1

在 Haml 中执行此类操作的方法是在将数据转换为 HTML 之前对其进行组织。 Enumerable 的方法在这里可以提供帮助。

您描述问题的方式，将您的枚举与slice_before 分开看起来是最直接的解决方案——您想在条件为真的每个项目之前打开一个新的div1（这里我假设条件取决于项目）。可能是这样的：

- items.slice_before {|item| determine_condition(item) }.each do |div1_block|
  .div1
    div1 text
    - div1_block.each do |item|
      .div2
        div2 text

根据您实际尝试执行的操作，可能会有更好的方法来组织您的数据 - 此处描述的方式表明您正在以低于需要的级别查看数据，因为您已经在考虑术语随时迭代和创建 HTML。

基本思想是获取一个数组数组（或Enumerator），每个内部数组代表div1 的内容。哈姆尔然后很容易掉出来。 chunk、each_slice 和 group_by 是一些可能值得一看的 Enumerable 方法。