javascript - 如何使用 javascript 在模板中使用以下 python 字典？

Question

我有一个像这样的Python字典:

{'test_data': ['reads_1.fq', 'reads_2.fq'], 'test_data/new_directory': ['ok.txt'], 'hello': ['ok.txt'], 'hello/hi/hey': ['b.txt']}

我想在模板(Django)中使用它来创建一个树结构，例如:

test_data
 reads_1.fq
 reads_2.fq

test_data/new_directory
 ok.txt

hello
 ok.txt

hello/hi/hey
 b.txt

如何使用 JavaScript 来完成此操作？谢谢

Answer 1

首先在 View 中将字典转换为 json，然后使用 javascript 直接处理 json(而不是使用 django 的模板语言尝试格式化 javascript)

# In your view somewhere
import json

def my_view(request):
    ...
    return render_to_response('my_template.html',{ 'my_json': json.dumps(my_dict) }, context_instance=RequestContext(request))

并在您的模板中:

<script>
     obj = {{ my_json|safe }};
     for (var prop in obj){  // Iterating through an object
         console.log(prop);
         for(i=0, i < obj[prop].length, i++){  // Iterating through the list for each key
              console.log(obj[prop][i]);
         }
     }
</script>