javascript - Nunjacks 图标计数宏

标签 javascript html templates nunjucks

我正在使用 Nunjucks,想要创建一个加上星号图标的宏,然后在模板中我可以指定每个元素有多少颗星:例如:

{{star(4)}}

将显示图标星:

评分:****

评分:*****

目前我不知道如何通过计数:

{% macro starIconTables( star ) %}

    {% for star in stars %}
        <span class="icon icon-star-filled"></span>
    {% endfor %}

{% endmacro %}

最佳答案

您可以使用范围:

{% macro stars(num) %}
{%- for i in range(0, num) -%}<span class="icon icon-star-filled"></span>{%- endfor -%} 
{% endmacro %}

stars: {{ stars(4) }}
stars: {{ stars(10) }}

附注{%--%} 用于删除额外的换行符。

关于javascript - Nunjacks 图标计数宏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44823698/

相关文章:

javascript - 从 CDN 提供许多依赖项会减慢站点速度吗?

jquery - 为什么我在 CSS 中的样式不起作用,因为我在 HTML 文件和 CSS 文件中给出了适当的类名?

javascript - Electron:使用 `executeJavaScript` 加载文件

javascript - 异步函数将现有数组返回为未定义

html - CSS stretch wrapper 垂直封装内容

c++ - 函数模板重载解析,依赖和非依赖参数

c++ - 如何通过使用模拟最小示例来理解c++中的 "two consecutive templates"?

java - Android 轻量级 HTML 模板引擎

javascript - 如何在 Node + mysql Express 中集成 Angular 主题

javascript - 似乎无法使用空依赖数组影响 React 的 useEffect() 中的状态。套接字.io