我不确定我的语法错误在哪里,如果你能发现它,那就太好了。
{% extends 'budget/base.html' %}
{% block content %}
<ul class="z-depth-1">
{% for transaction in transaction_list %}
<li>
<div class="card-panel z-depth-0 transaction">
<div class="row">
<div class="col l5">
<span class="title"> {{ transaction.title }}</span>
</div>
<div class="col l5">
<span class="title">{{ transaction.amount }}</span>
</div>
<div class="col l1">
<span class="title bold">{{ transaction.category.name }}</span>
</div>
<a href="">
<i class="material-icons right"></i>
</a>
</div>
</div>
</li>
{% endfor $}
</ul>
</section>
</div>
{% endblock content %}
"budget/base.html"看起来像这样:
{% load static %}
<link rel="stylesheet" href="{% static 'css/styles.css' %}">
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>BudgetProject</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
{% block content %}
{% endblock %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</body>
</html>
我尝试查看类似的问题,我相当确定 for 循环的语法是正确的。我的代码一直在工作,直到我在 y %} 中添加了 {% for x {% endfor %}
你犯了一个小错误,请从 {% endfor $} 中删除 $ 符号并添加 %。 在代码的最后一行中,将 {% 端块内容 %} 替换为 {% 端块 %},因此您的代码将如下所示:
{% extends 'budget/base.html' %}
{% block content %}
<ul class="z-depth-1">
{% for transaction in transaction_list %}
<li>
<div class="card-panel z-depth-0 transaction">
<div class="row">
<div class="col l5">
<span class="title"> {{ transaction.title }}</span>
</div>
<div class="col l5">
<span class="title">{{ transaction.amount }}</span>
</div>
<div class="col l1">
<span class="title bold">{{ transaction.category.name }}</span>
</div>
<a href="">
<i class="material-icons right"></i>
</a>
</div>
</div>
</li>
{% endfor %}
</ul>
</section>
</div>
{% endblock %}