在html选项卡中使用空格访问json对象

Question

很抱歉，如果有人问过这个问题，但我似乎找不到答案。我对html/java/django非常陌生，但我觉得这不应该这么难，这是一个愚蠢的问题，但我已经疯了。我正在制作一个从firebase中提取json数据的web应用程序，所以我使用python/pyrbase/django等，我只需要从我的数据库中访问一个json对象并将其放入一个html表中。这一切都很好，除了访问孩子，其中有空间（不幸的是，我需要保持空间在我的移动应用程序的目的）。我以为在点/括号表示法上是一样的，但这似乎不起作用。我也尝试过声明一个变量<script> var score = 'JUDGE A RUN 1: '; </script>并使用result.score，但运气不好，可能我把它放错地方了，或者有些愚蠢的事情。你知道吗

<div class="container">

        <h2></h2>
        <p></p>            
        <table class="table table-striped">
          <thead>
            <tr>
                <th>BIB</th>
                <th>Ridername</th> 
                <th>Stance</th>
                <th>Score</th>
            </tr>
          </thead>
          <tbody>
            {% for result in data%}
            <tr> 
                <td>{{ result.bib }}</td> <! works! >
                <td>{{ result.ridername }}</td> <! works! >
                <td>{{ result.stance}}</td> <! works! >
                <td>{{ result['JUDGE A RUN 1: '] }}</td> <! doesn't work :( >
            </tr>
            {% endfor %}
          </tbody>
        </table>
</div>

数据如下所示：

data = [ 
    {
        'JUDGE A RUN 1: ': '10', 
        'JUDGE A RUN 2: ': '11', 
        'JUDGE A RUN 3: ': '13', 
        'JUDGE B RUN 1: ': '13', 
        'JUDGE B RUN 2: ': '14', 
        'JUDGE B RUN 3: ': '15', 
        'bib': '01', 
        'category': 'ProMen', 
        'ridername': 'Test', 
        'score': '-', 
        'stance': 'R'
    }, 
    {
        'JUDGE A RUN 1: ': '20',
        'bib': '02', 
        'category': 'ProMen', 
        'ridername': 'Tester', 
        'score': '-', 
        'stance': 'G'
    }
]

非常感谢你的帮助。你知道吗

Answer 1

你不能用正常的方法得到它，一种方法是：

{% for k, v in data.items %}
   {% ifequal k "JUDGE A RUN 1: " %}
       {{ v }}
   {% endifequal %}
{% endfor %}

它只检查是否有任何键与JUDGE A RUN 1:匹配，然后显示值