当前位置: 首页 > 工具软件 > Nunjucks > 使用案例 >

nunjucks方法

余靖
2023-12-01
 	<!-- 正常书写注释即可 -->
    {# 我是nunjucks的注释 #}
 <!-- if 判断 -->
    {% if num >3 %}
    <p>num值大于3</p>
    {% elseif num <3 %}
    <div>num值小于3</div>
    {% else %}
    <span>num值等于3</span>
    {% endif %}
  <!-- 循环结构 -->
    <ul>
        {% for item in arr %}
        <li>姓名是 {{item.name}};
            年龄是 {{item.age}};
            性别是 {{item.sex}}
        </li>
        {% endfor %}
    </ul>

 <!-- 过滤器 -->
    {{str | replace("world","世界") | capitalize}}

    <!-- 注意: nodemon不能检测到html,所以在html中修改内容后,记得重启服务器 -->

    <!-- 宏标签   macro-->
    {% macro pet(name,sex="母") %}
    <p>它是一只{{name}},性别是:{{sex}}</p>
    {% endmacro %}

    {% macro person(name,age) %}
    <div>{{name}}</div>
    <h2>{{age}}</h2>
    {% endmacro %}
    
    {{pet("狗子","公")}}
    {{pet("猫")}}

    {% include 'footer.html' %}
 类似资料: