Javascript中的模板标签

Question

我的Django模板标签在我的javascript中不起作用。我最近的错误是：SyntaxError: expected expression, got '&' var resourceTypes = ['Structural Model', 'X-Ray Diffraction']

我该如何得到这个工作？我需要得到这些变量的Django在js中，这样我可以创建一个图表（我使用谷歌图表）

的index.html

<script> 
    function drawChart() { 

    // Create the data table. 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string'); 
    data.addColumn('number'); 

    var resourceTypes = {{ "all"|resource_types }} 

    {% for x in resourceTypes %} 
     data.addRows([ 
      [x, {{ x|resourceType_count }}], 
     ]); 
    {% endfor %} 

    // Set chart options 
    var options = {'title':'Datasets by Type', 
        'width':400, 
        'height':300}; 

    // Instantiate and draw our chart, passing in some options. 
    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
    } 

</script> 

templatetags.py

@register.filter(name='resource_types') 
def resource_types(data_type): 
    resourceTypes = [ str(x.data_type) for x in ResourceType.objects.all() ] 
    return resourceTypes 

@register.filter(name='resourceType_count') 
def resourceType_count(data_type): 
    count = Dataset.objects.filter(data_type=ResourceType.objects.get(data_type=data_type)).count() 
    return count 

Answer 1

你可以考虑使用赋值标签：

from collections import Counter 

@register.assignment_tag(takes_context=True) 
def get_resource_types(context): 
    values = dict(Counter(list(map(str, ResourceType.objects.values_list('data_type', flat=True))))) 
    return {'resource_types': values} 

这会给你每data_type〜应变的计数克值列表，如：

{'data type 1': 3, 'data type 2': 10, 'data type 3': 47} 

然后你就可以传递给.addRows()功能：

{% get_resource_types as resource_types %} 

data.addRows([ 
    {% for data_type, count in resource_types.items %} 
    ['{{ data_type }}', {{ count }}], 
    {% endfor %} 
]); 

这应该让你做的一切在一个单一的数据库查询与具有查询每一个。您也可以通过查询集上的每种类型的聚合计数来完成此操作。根据我们谈论的数据量，我不能确定哪一个会更快。