Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Flask Basics Character Builder Loop Nested Items

Nick Newell
Nick Newell
1,574 Points
Posted by Nick Newell
Nick Newell
1,574 Points

Does teacher['courses'] have the list of courses? My loop can't seem get the course for my <li>

I have <ul class="teachers"> {% for teacher in teachers %} <li> <h2>{{ teacher['name'] }}</h2> <ul> {% for course in teacher['courses'] %} <li>{{ course }}</li> {% endfor %} </ul> </li> {% endfor %} </ul>

Result suggests it there are not courses in the list.

flask_app.py 
from flask import Flask, render_template

from teachers import TEACHERS

app = Flask(__name__)


@app.route('/')
def index():
    return render_template("teachers.html", teachers=TEACHERS)
templates/teachers.html 
<ul class="teachers">
{% for teacher in teachers %}
  <li>
    <h2>{{ teacher['name'] }}</h2>
    <ul>
      {% for course in teacher['courses'] %}
      <li>{{ course }}</li>
      {% endfor %}
    </ul>
  </li>
{% endfor %}
</ul>

1 Answer

Samuel Webb
Samuel Webb
25,370 Points
Samuel Webb
Samuel Webb
25,370 Points

Instead of using the teacher['courses'] syntax, you should be using dot syntax. teacher.course ... Your code should look like this:

<ul class="teachers">
  {% for teacher in teachers %}
  <li>
    <h2>{{ teacher.name }}</h2>
    <ul class="courses">
      {% for course in teacher.courses %}
      <li>{{ course }}</li>
      {% endfor %}
    </ul>
  </li>
  {% endfor %}
</ul>