将列表从视图上下文传递到模板，并将其作为模板中的数组分配。

Question

我试图从视图上下文中传递一些列表：

def list_test(request):
    l = ['a', 'b', 'c']
    context = {'l': l}
    return render(request, 'app/list_test.html', context)

作为JS数组的前端：

<script>
    let l = {{ l }}
    console.log(l)
</script>

但是，日志

未察觉的SyntaxError:意想不到的标记&

在控制台里。

我试过把变量放在双引号中：

let l = "{{ l }}"

但是，变量被赋值为一个大字符串，并使用不需要的编码：

['a', 'b', 'c']

模板循环将工作：

 {% for x in l %}
      console.log("{{x}}")
 {% endfor %}

但我不想重复。我想立刻分配列表。

有什么简单的方法吗？

我是否应该以某种方式使用模板循环将字符串拆分为数组项？

Answer 1

使用JSON：

def list_test(request):
    l = ['a', 'b', 'c']
    context = {'l': json.dumps(l)}
    return render(request, 'app/list_test.html', context)

并在模板中将值标记为安全值并解析它：

    let l = JSON.parse("{{ l|safe }}");