DjangoにてHTML上でpython側で生成した辞書型データをfor文で表示したいです。

Question

###前提・実現したいこと
Djangoを使用しています。
現在views.pyファイルの中で
test_dict = {"Soccer": "11", "Baseball": "9", "Basketball": "5"}
と記述し、
html側にrenderで送っています。

【views.py】
d = {
'test_dict': test_dict,
}
return render(request, 'log.html', d)
【log.html】
{% for key in test_dict %}
{{ key }}
{% endfor %}

実現したいことは
辞書型のkeyとvalueを両方ともHTML上で表示することです。

###発生している問題・エラーメッセージ
上記の通りのコードだと
Soccer
Baseball
Basketball
が表示されます。

また、自分なりに書いたコードの場合

エラーメッセージ：
Could not parse the remainder: '['key']' from 'test_dict['key']'

というエラーが出てしまいます。

###該当のソースコード

{% for key in test_dict %}
    {{ key }}{{ test_dict['key'] }}
{% endfor %}

###補足情報(言語/FW/ツール等のバージョンなど)
環境
OS:windows10
ブラウザ：GoogleChrome
開発:PyCharm

Answer 1

こんな感じに書けます

{% for key, value in test_dict.items %}
    {{ key }}{{ value }}
{% endfor %}

参考（いずれもDjangoのドキュメントです）

• https://docs.djangoproject.com/en/1.9/ref/templates/builtins/#for
• https://docs.djangoproject.com/en/1.9/ref/templates/language/#variables