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

Posted by larri krown
larri krown
1,027 Points

it's hard to understand what's wrong without presented content of TEACHERS. or I should also import COURSES?

Condition of the task : Now add a new <ul> inside of the <li> with a class of "courses". Inside this <ul> loop through the teacher's 'courses' key, creating an <li> for each course and printing the course. I can't figure out how get access to 'courses' ...

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></li>
    <ul class="courses">
      {% for course in teacher['courses'] %}
      <li>{{ course }}</li>
      {% endfor %}
  {% endfor %}

</ul>

1 Answer

arshin
arshin
17,770 Points
arshin
arshin
17,770 Points

Inside your inner for loop, loop over the courses key/attribute for each teacher.

Therefore, the inner loop is:

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

~ Thanks to Kenneth for this course.