Данные не получаются и не отображаются в html
<li class="drop-down-bike-1">
<a href="#">MODERN CLASSICS</a>
<ul class="modern-list">
<li class="drop-down-bike-display">
<div class="mod-list" style="width:400px; height:600px; overflow-y: scroll;">
hello
{% for bi in mod_bike %}
<a href="#">
<div class="card mb-3 border-0 listc" >
<div class="row g-0">
<div class="col-md-4">
<img src="{{ bi.image }}" class="img-fluid-bike rounded-start" alt="..." >
</div>
<div class="col-md-8">
<div class="card-body">
<h3 class="card-title bikeName">{{ bi.name }}</h3>
<p class="card-text" style="width:200px"><small class="text-muted">price from ₹ {{ bi.price }}</small></p>
</div>
</div>
</div>
</div>
</a>
{% endfor %}
</div>
</li>
</ul>
</li>
это html-код для получения данных из базы данных
def nav(request):
category_names = ['ADVENTURE', 'CLASSICS', 'ROADSTER', 'ROCKET3']
adventure_cat = Category.objects.get(name='ADVENTURE')
modern_cat = Category.objects.get(name='CLASSICS')
road_cat = Category.objects.get(name="ROADSTER")
rocket_cat = Category.objects.get(name="ROCKET3")
adv_bike = Bike.objects.filter(category=adventure_cat)
mod_bike = Bike.objects.filter(category=modern_cat)
road_bike = Bike.objects.filter(category=road_cat)
rocket_bike = Bike.objects.filter(category=rocket_cat)
context = {
"adv_bike": adv_bike,
"mod_bike": mod_bike,
"road_bike": road_bike,
"rocket_bike": rocket_bike,
"adventure_cat":adventure_cat,
"road_cat": road_cat,
"rocket_cat": rocket_cat,
"modern_cat": modern_cat,
}
return render(request, 'nav.html', context=context)
Это мой код представления для получения данных из моделей, проблема в том, что данные не получаются и не отображаются на html странице. мне нужно получить и отобразить данные на html странице .