html - 如何使用 enlive 的 clone-for 和 HTML 模板来删除虚拟子元素

Question

参见 this google groups topic

一些人对使用 clone-for 将动态生成的元素列表插入到包含多个虚拟元素的模板表示困惑。例如，模板可能是这样的，

<ul>
    <li>foo</li>
    <li>bar</li>
    <li>baz</li>
</ul>

我们想像这样生成 HTML，

<ul>
    <li>real</li>
    <li>data</li>
    <li>here</li>
    <li>wurdz</li>
</ul>

天真的尝试是这样的

(defsnippet my-snippet "my-template.html" [:ul] [items] 
    [[:li first-of-type]] (clone-for [ii items]
                             [:li] (content ii)))

但是第二个到第 n 个元素都带有虚拟数据。我们如何才能简单地删除所有虚拟元素并替换为真实元素？

Answer 1

我一直在使用的解决方案是做类似的事情，

(defsnippet my-snippet "my-template.html" [:ul] [items]
  [[:li (html/but html/first-of-type)]] nil
  [[:li html/first-of-type]] (html/clone-for [ii items] ...))

这会删除所有虚拟节点，并在我的内容中插入新节点。