flask - Jinja2-字符串变量，在类名中空格无法正确读取

Question

我遇到了Jinja2无法将字符串'fa fa-tachometer'正确呈现到类名的问题。
Jinja2呈现如下字符串：
<i class={{ icon }}></i>
进入
<i class="fa" fa-tachometer></i>，
如代码下方的图片所示。我已经完成了空格字面量，但是它并不能解决我的问题。

{% set navigation_bar = [
    ('/dashboard', 'dashboard', 'fa fa-tachometer', 'Dashboard')
] -%}
{% set active_page = active_page|default('dashboard') -%}

{# For each of the sidebar nav items, render an <li> #}
{% for href, id, icon, title in navigation_bar %}
    {{ icon }}
    <li {% if id == active_page %} class="active" {% endif %}>
        <a href="{{ href|e }}">
            <i class={{ icon }}></i>
            <span class="nav-label">{{ title|e }}</span>
        </a>
    </li>
{% endfor %}

很想解决这个问题。谢谢！

Answer 1

这不是Jinja的问题；这是HTML的问题。您正在告诉Jinja输出

<i class=fa fa-tachometer></i>

（您使用的DOM检查器正在添加引号，而不是Jinja。如果您查看源HTML，则引号不存在。）

您需要在 class给出的值前后加上引号

<i class="{{ icon }}"></i>