Rails：无法嵌套content_tag

Question

我编写了一个Rails帮助程序来创建嵌套的HTML列表。然而，这并没有正确地呈现出来。请问我做错了什么？

助手：

content_tag :ul do
  [1, 2].each do |x|
    content_tag(:li, x)
    content_tag :ul do
      ['a', 'b'].each do |y|
        content_tag(:li, y)
        content_tag :ul do
          ['i', 'ii'].each do |z|
            content_tag(:li, z)
          end
        end
      end
    end
  end
end

预期输出

<ul>
  <li>1</li>
  <ul>
    <li>a</li>
    <ul>
      <li>i</li>
      <li>ii</li>
    </ul>
    <li>b</li>
    <ul>
      <li>i</li>
      <li>ii</li>
    </ul>
  <li>2</li>
  <ul>
    <li>a</li>
    <ul>
      <li>i</li>
      <li>ii</li>
    </ul>
    <li>b</li>
    <ul>
      <li>i</li>
      <li>ii</li>
    </ul>
  </ul>
</ul>

实际输出

<ul></ul>

- gjb

---

each 不返回正确的值；请尝试用 map 替换它。 - mdesantis

我刚刚尝试了使用map，但输出结果是相同的。 - gjb

Answer 1

这是解决方案：

content_tag(:ul) do
  [1, 2].map do |x|
    content_tag(:li, x) <<
    content_tag(:ul) do
      ['a', 'b'].map do |y|
        content_tag(:li, y) <<
        content_tag(:ul) do
          ['i', 'ii'].map do |z|
            content_tag(:li, z)
          end.join('').html_safe
        end
      end.join('').html_safe
    end
  end.join('').html_safe
end

问题在于每个content_tag块最后必须返回一个HTML安全字符串：

# returns <li>asd</li>
content_tag('li') { 'asd' }

# returns <ul><li>asd</li></ul>
content_tag('ul') { content_tag('li') { 'asd' } }

# returns [1, 2]
[1, 2].each{ |x| content_tag('li', x) }

# returns ["<li>1</li>", "<li>2</li>"]
[1, 2].map{ |x| content_tag('li', x) }

# returns "<li>1</li><li>2</li>" not marked as HTML safe, 
# because `join` generates a new string
[1, 2].map{ |x| content_tag('li', x) }.join('')

# returns "<li>1</li><li>2</li>" marked as HTML safe
[1, 2].map{ |x| content_tag('li', x) }.join('').html_safe

# returns "<ul><li>1</li><li>2</li></ul>"
content_tag('ul') do
  [1, 2].map{ |x| content_tag('li', x) }.join('').html_safe
end

# returns "<ul><li>1</li><li>2</li></ul>"
content_tag('ul') do
  content_tag('li') { 'asd' } # this is ignored, since it is not returned
  [1, 2].map{ |x| content_tag('li', x) }.join('').html_safe
end

# returns "<ul><li>asd</li><li>1</li><li>2</li></ul>"
content_tag('ul') do
  content_tag('li') { 'asd' } <<
    [1, 2].map{ |x| content_tag('li', x) }.join('').html_safe
end

- mdesantis

---

这会产生一个错误：语法错误，意外的tSYMBEG，期望关键字_do或'{'或'（'content_tag :ul do。 - gjb

非常感谢您不仅提供了解决方案，还清晰地解释了为什么我的代码不能运行。 - gjb