Question

首先，我想说的是，我很肯定我会遵循official documentation和SO帖子中提供的与文档相呼应的指示以及提供了不同的solution。

无论哪种方式，它都不适合我。

我的问题之一是关于此代码在文本编辑器中的显示方式。我要附上一张图片，以演示jinja2代码是如何格式化的-<li>元素内的所有内容都被斜体显示，而双==的表现也很奇怪。

这是图像中代表的代码部分：

<ul class="side-link-container center-align">
                {% for href, id, caption in navigation_bar %}
                <li{% if id == active_page %} class="active"{% endif
                %}><a href="{{ href|e }}">{{ caption|e }}</a>
                </li>
                {% endfor %}

它与jinja2文档中规定的内容几乎相同（此代码的其他部分，即子模板和layout.html中的导航栏的for循环和set激活页面分配，此处未显示。

关于将活动页面进行分类的任何建议或帮助，例如我可以在导航中相应地设置样式吗？谢谢。

Image of code

Answer 1

代码在编辑器中的显示方式不会引起任何问题，但这可能意味着您没有安装语法/语言支持插件/附件。

如果没有收到任何模板错误（例如query { someField( input: { name: "Foo" } ) }），则可能是query($input: SomeFieldInput) { someField(input: $input) }或TemplateSyntaxError中的数据根本不匹配。您能提供这些数据吗？

或者，我要做的是在基本模板和每个页面模板上设置navigation_bar：

active_page

，然后在导航项中添加：

active_page

使用Flask和jinja2动态设置活动类

1 个答案: