How to loop trough objects in html

Question

I want to loop through my categories in my html. I am making a filter that will show all of the categories but i cant get my {% for %} to work i need some help heres my code. Ask if theres any more info that you need to solve this.

HTML:

<div class="filter-box">

<h1>Filter</h1><hr>
{% for category in categorys%}
  <p class="checkbox-text">Hello</p>
  <h1>AAAAAAAAAAAAAAA</h1>
{% endfor %}

</div>

Views:

def category_all(request):
categorys = Category.objects.all()
return render(request, "product/dashboard_test.html", {"names": categorys})

Models:

class Category(models.Model):
id = models.UUIDField(primary_key=True, default=uuid.uuid4, editable=False)
name = models.CharField(max_length=255, blank=True, null=True)
created_at = models.DateTimeField(auto_now_add=True)
updated_at = models.DateTimeField(auto_now=True)

Sabil · Accepted Answer · 2021-12-23 21:12:02Z

1

Try the following code, it should work for you.

Code:

Python Code:

def category_all(request):
    categories = Category.objects.all()
    context = {
        'categories': categories
    }
    return render(request, "product/dashboard_test.html", context=context)

HTML Code:

<div class="filter-box">

<h1>Filter</h1><hr>
{% for category in categories%}
  <p class="checkbox-text">Hello</p>
  <h1>AAAAAAAAAAAAAAA</h1>
{% endfor %}

</div>

Explanations:

{"names": categorys} this implementation is not correct.

answered Dec 23, 2021 at 21:12

Sabil

4,5391 gold badge9 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Aleksa Over a year ago

Nope, nothing changed again...

Sabil Over a year ago

Do you have data in Category table??

Aleksa Over a year ago

No i dont... why? Do i need it?

Sabil Over a year ago

Without data it will not execute for loop in html

John-Hugh Hedrick · Accepted Answer · 2021-12-23 19:56:33Z

1

Looks like you are passing in a template variable "names" and then in the template you are trying to call it "categorys"
Change this line:

return render(request, "product/dashboard_test.html", {"names": categorys})

to this:

return render(request, "product/dashboard_test.html", {"categorys": categorys})

Also categorys is spelled categories, not that it effects your code

answered Dec 23, 2021 at 19:56

John-Hugh Hedrick

19910 bronze badges

2 Comments

Aleksa Over a year ago

Nothing changed, its the same

John-Hugh Hedrick Over a year ago

If "categorys" is empty then the loop has nothing to loop through, hence nothing is printed. In Django you can also add a {% empty %} tag before {% endfor %} and in between these tags you can put the html that should display when there are no categories to display

Collectives™ on Stack Overflow

How to loop trough objects in html

2 Answers 2

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related