nunjucks: 学习笔记

const data = {
  name: "aric",
  city: "sh",
  nested: {
    prop1: "value1",
  },
};
const tpl = "Hello {{ name }}, you are from {{ city }}. nested value is : {{ nested.prop1 }}";
const output = nunjucks.renderString(tpl, data);
console.log(output);

const nunjucks = require('nunjucks');

const tmpl = `
<p>{{ "   some string   " | trim }}</p>
<p>{{ [1, 2, 3] | join(", ") }}</p>
<p>{{ "hello" | upper }}</p>
`;

const output = nunjucks.renderString(tmpl);
console.log(output);

=========== results ================
<p>some string</p>
<p>1, 2, 3</p>
<p>HELLO</p>

{{ foo | title }}
{{ foo | join(",") }}
{{ foo | replace("foo", "bar") | capitalize }}

var nunjucks = require('nunjucks');
var env = new nunjucks.Environment();

env.addFilter('shorten', function(str, count) {
    return str.slice(0, count || 5);
});

=========== usage ================

{# Show the first 5 characters #}
A message for you: {{ message|shorten }}

{# Show the first 20 characters #}
A message for you: {{ message|shorten(20) }}

{% if variable %}
  It is true
{% endif %}

{% if hungry %}
  I am hungry
{% elif tired %}
  I am tired
{% else %}
  I am good!
{% endif %}

const nunjucks = require("nunjucks");

nunjucks.configure("src");

const tmpl = `
<ul>
{% for key, value in food %}
  <li>Use {{ value }} of {{ key }}</li>
{% endfor %}
</ul>
`;

const output = nunjucks.renderString(tmpl, {
  food: {
    ketchup: "5 tbsp",
    mustard: "1 tbsp",
    pickle: "0 tbsp",
  },
});

{% include "item.html" %}

{% for x, y, z in points %}
  Point: {{ x }}, {{ y }}, {{ z }}
{% endfor %}
在循环中可获取一些特殊的变量

loop.index: 当前循环数 (1 indexed)
loop.index0: 当前循环数 (0 indexed)
loop.revindex: 当前循环数，从后往前 (1 indexed)
loop.revindex0: 当前循环数，从后往前 (0 based)
loop.first: 是否第一个
loop.last: 是否最后一个
loop.length: 总数