javascript - 学习 Nunjucks (Jinja2) 如何正确地将 JSON 数据传递给视图？

Question

我正在学习如何 nunjucks 并且我了解如何使用模板，但无法正确弄清楚如何从 json 对象中插入数据。

这是我的尝试，我能够将其作为变量硬编码到模板本身中。但是如何从模板之外的外部来源获取它？

Answer 1

调用时传递所需的参数Nunjucks.render，如下所示：

nunjucks.render("items.html", { items: [ ... ] });

itemsfoo将在全局设置的默认变量之上可用。在模板（items.html）中，您可以像现在一样简单地访问（只需从 .htmlitems中删除声明。items

Answer 2

工作代码"无处不在（JSONstringify 之类的）

var myVar = {{ myData | dump | safe }};

Answer 3

safe默认情况下，nunjucks 会转义 html，您必须使用过滤器明确告诉它您的输入是“安全的” 。假设您的 JSON 字符串在其中，myData并且您想将其用作myVar您将在模板中编写的 javascript 变量：

var myVar = {{ myData | safe }};