Question

https://mozilla.github.io/nunjucks/templating.html#include

我希望能够将数据传递到包含的模板。

Nunjucks与Twig非常相似，当然是基于忍者。

在树枝中，可以导入tpl并传递数据：https://twig.symfony.com/doc/2.x/tags/include.html

我真的需要能够在带有nunjucks的nodejs项目中做到这一点，这可能吗？

Answer 1

最简单的方法是定义自定义过滤器render。它接受模板名称作为过滤值，并接受数据作为参数： {{ 'some-template-name' | render(data) }}。

/views
  test.html
  test2.html
app.js

//app.js
const nunjucks = require('nunjucks');
var env = new nunjucks.Environment(new nunjucks.FileSystemLoader('views'));

env.addFilter('render', function (template, ctx) {
    try {
        return env.filters.safe(env.render(template, ctx));
    } catch (err) {
        return err.message;
    }
});

var html =  env.render('test.html', {a: '100'});
console.log(html);

// test.html
TEST {{a}}
{{ 'test2.html' | render({b: 200}) }}

// test2.html
TEST2 {{b}}

您还可以define own tags（扩展名），例如{% mytag = "/some-template-path", {data} %}

P.S。异步版本

env.addFilter('render', function (template, ctx, cb) {
    try {
        env.render(template, ctx, (err, html) => cb(err, !err ? env.filters.safe(html) : undefined))
    } catch (err) {
        console.error('Render error', err.message);
        console.error(template, ctx);
        cb(err);
    }
}, true);

Nunjucks导入模板并传递诸如“ with”关键字之类的特定数据

1 个答案: