Javascript NUNJUCK中的循环行为因内部HTML标记而异

Javascript NUNJUCK中的循环行为因内部HTML标记而异,javascript,client-side-templating,nunjucks,Javascript,Client Side Templating,Nunjucks,我有下面的Nunjucks模板,应该将项目列表呈现为 名单: {items%]中的项的% {{item.title} {%endfor%} 作为一张桌子 <table border="1"> {% for item in items %} <tr> <td>{{item.title}}</td> </tr> {% endfor %} </table> {items%%中的项的%s} {{it

我有下面的Nunjucks模板,应该将项目列表呈现为 名单:

{items%]中的项的%
  • {{item.title}
  • {%endfor%}
    作为一张桌子

    <table border="1">
      {% for item in items %}
      <tr>
        <td>{{item.title}}</td>
      </tr>
      {% endfor %}
    </table>
    
    
    {items%%中的项的%s}
    {{item.title}
    {%endfor%}
    
    列表正确呈现为

    <li>a</li>
    <li>b</li>
    <li>c</li>
    
    <table border="1">
      <tr>
         <td></td>
      </tr>
    </table>
    
  • a
  • b
  • c
  • 然而,该表应该有三个TR元素,不管它如何呈现为

    <li>a</li>
    <li>b</li>
    <li>c</li>
    
    <table border="1">
      <tr>
         <td></td>
      </tr>
    </table>
    
    
    
    为什么只有一个TR元素而不是三个TR元素

    JSFIDLE在这里:


    JSFiddle链接说404我们真的很抱歉,但是没有这样的页面。似乎
    $('template').html()
    没有保留
    nunjucks
    标记,也没有返回您期望的模板2。JSFiddle链接说404我们真的很抱歉,但是没有这样的页面。似乎
    $('template').html()
    不会保留
    nunjucks
    标记,也不会返回预期的模板2