如何在nunjucks模板中使用JSON数据？

Question

js return list =

<ul><li data-name="{id:1,name:'a'}">a</li><li data-name="{id:2,name:'b'}">b</li></ul>

{{list | dump}}为什么要显示？

<ul><li data-name=\"[object Object]\">a</li><li data-name=\"[object Object]\">b</li></ul>

Answer 1

你可以使用raw 您可以使用{％raw％}块，其中的任何内容都将以纯文本格式输出。

Answer 2

        Your code:
          <ul>
             <li data-name="{id:1,name:'a'}">a</li>
             <li data-name="{id:2,name:'b'}">b</li>
          </ul>

        Example:
            {%
            set list = [
            {name: 'a', id: 'yourId1'},
            {name: 'b', id: 'yourId2'}
            ]
            %}

            <ul>
               {% for item in list %}
                 <li data-name="{{item.name}}" id="{{item.id}}">{{item.name}}</li>
               {% endfor %}
            </ul>

        Output:
             <ul>
                 <li data-name="a" id="yourId1">a</li>
                 <li data-name="b" id="yourId2">b</li>
            </ul>