我正在使用 Nunjucks 建立一个复杂的站点。我的文件夹结构是这样的:
frontend/
|- dev/
|- gulpfile.js
|- css/
|- images/
|- js/
|- pages/
|- dashboard.njk
|- templates/
|- macros/
|- header-macro.njk
|- partials/
|- _header.njk
|- three-col.njk
我试图有一个宏(header-macro.njk),它会导致在当前页面的导航链接上设置活动类。它看起来像这样:
{% macro active(activePage='dashboard') %}
<nav class="header__nav">
<a class="{% if activePage == 'dashboard' %}active{% endif %}" href="#">Dashboard</a>
<a class="{% if activePage == 'locations' %}active{% endif %}" href="#">Locations</a>
<a class="{% if activePage == 'reports' %}active{% endif %}" href="#">Reports</a>
<a class="{% if activePage == 'services' %}active{% endif %}" href="#">Services & Billing</a>
<a class="{% if activePage == 'people' %}active{% endif %}" href="#">People</a>
</nav>
{% endmacro %}
这将像这样导入到我的_header.njk部分中。
<div class="header__inner">
<div class="header__logo"><img src="/images/logos/STN-y-15x100.png"></div>
{% import 'macros/header-macro.njk' as nav %}
我想在每个页面模板中设置 nav.active 变量。所以在这种情况下,那将是dashboard.njk
{% set page_title = "Welcome to eServices - Dashboard" %}
{% set body_class = "dashboard" %}
{{nav.active('dashboard')}}
但我得到一个错误:
错误:无法调用
nav["active"]
,未定义或错误
但是,如果我在 _header.njk 中设置 nav.active('dashboard') ,一切正常。
我是否缺少语法或文件夹结构的内容?