Jinja2 converting int to string inside html

Question

I have an html template for Flask with Jinja2. The goal is print the "counter" along with name.

However, Jinja2 gives me an error for trying to convert the counter which is an int to a string. How do I get the "counter" + "name" inside of the div to work?

<p>
    {% set counter = 0 -%}
    {% for name in two_word_names %}
        <div class=flash>{{ str(counter) + name }}</div>
    {% counter += 1 -%}
    {% endfor %}
</p>

Answer 1

You can try using the builtin-filter string:

{{ counter|string ~ name }}

Answer 2

I used loop.index in a separate block because it is int. Then a separate block for the string name.

{% for name in two_word_names %}
    <div class=flash>{{ loop.index }}{{ ". " + name }}</div>
{% endfor %}