问题标签 [nunjucks]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1067 浏览

javascript - 在 html 文件中包含 URL 的内容

我正在使用 Node.JS 和 Express v4 构建一个应用程序。
我的模板引擎是Nunjucks

我已经渲染了一个(小部件)路线(使用 Express)app.get( '/widget' , routes.widget);:。所以我可以转到 url http:localhost:9999/widget,小部件可以正常工作并加载。

现在我想将小部件包含到我的 html 文件中。我需要使用 nunjucks 吗?也许使用 javascript 或 jQuery?

我的意思是,我想将小部件包含在我的 index.html 文件中,该文件在我加载“/” [localhost:9999] 时被调用。

我该怎么做?

0 投票
3 回答
3787 浏览

javascript - 如何使用 Nunjucks 按日期排序?

我正在尝试使用 jinja 文档来解决这个问题,但我所有的尝试都失败了。

http://jinja.pocoo.org/docs/dev/templates/#sort

这是一些测试 JSON 数据:

我应该如何形成排序代码以便我可以按时间排序?

我试过:

{% for item in items|sort%}

{% for item in items|sort(attribute='time')%}

{% for item in items|sort('time')%}

{% for item in items|sort(time)%}

{% for item in items|sort(item.time)%}

但没有任何效果。谢谢!

0 投票
1 回答
146 浏览

nunjucks - Nunjucks 中的元模板

我正在开发一个在 Nunjucks 中具有某些重复 UI 模式的 Marionette 应用程序,例如:

我想将其抽象为一个macro或部分模板,如下所示:

这样我就可以像这样使用它:

但是,这会生成value="username"而不是value="{{ username }}". 我怎样才能生产后者?

0 投票
2 回答
9699 浏览

node.js - 最简单的 node.js + nunjucks 示例

可能永远不会使用 node.js 或 Nunjucks 进行任何真正的开发,但现在出于某种原因需要:

  • 将一些简单的模板预编译为 javascriptNunjucks
  • 运行下的预编译模板node.js

我已经做好了:

  • 安装node.jsnpm(例如拥有nodenpm命令)
  • mkdir njtest && cd njtest
  • npm install nunjucks用(得到一个node_modules/nunjucks目录)安装了 nunjucks
  • mkdir templates
  • 在模板中,我创建了两个文件index.htmllayout.html具有以下jinja2/nunjucks内容

  • layout.html

  • index.html
  • 我预先编译了模板

templates.js我有预编译的代码。

接下来我应该to do得到一个正在运行的网络服务器什么将使用预编译template.js

请不要搜索这个问题的任何高级内容。对于了解 node 和 javascript 的人来说,这可能是一个愚蠢的简单问题。

我知道,将需要,创建一个文件让我们说app.js并需要运行它node- 但应该包含什么?

可能是这样的:var res = nunjucks.render('templates.js');还有什么?(最简单的(一次性)解决方案)。注意:要在服务器端使用 Nunjucks,而不是在浏览器中。

0 投票
1 回答
569 浏览

nunjucks - 在 Nunjucks 中,如何有条件地输出一行?

我想在 nunjucks 中有条件地输出一行,但如果条件为假,我不想有一个空行。

例子:

呈现如下:

我想在不降低模板可读性的情况下删除空行。有没有一个很好的方法来做到这一点?

我会期待类似的东西,{{- 'Something' if false }}但这不起作用。

0 投票
1 回答
257 浏览

nunjucks - 使用与号视图渲染预编译的 nunjucks (browserify+nunjucksify)

试图browserify+nunjucksify在一个ampersand-view.

这按预期工作:

这不会:

我得到的错误是

AFAIK,这意味着this对于 nunjucks 是错误的。Ampersand-view将自己设置为this为渲染功能,掩盖了 nunjucks 的期望this

有什么解决办法吗?

0 投票
0 回答
226 浏览

javascript - Nunjucks 中的循环根据内部 HTML 标记表现不同

我有以下 Nunjucks 模板应该将项目列表呈现为列表:

并作为表

该列表正确呈现为

但是该表应该具有三个 TR 元素,但是它呈现为

为什么只有一个 TR 元素而不是三个 TR 元素?

JSFiddle 在这里:

https://jsfiddle.net/user0815/r41akt22/5

0 投票
3 回答
2308 浏览

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

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

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

在此处输入图像描述

0 投票
4 回答
11938 浏览

jinja2 - 如何将 JSON 数据传递到 Nunjucks 模板?

我想使用 Nunjucks 模板,但想传入我自己的 JSON 数据以在模板上使用。

这里的文档非常稀少。

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

谢谢你。

0 投票
1 回答
1069 浏览

nunjucks - 导入并访问上下文 (nunjucks)

在我的 app.js 中,我有这个:app.locals.testvalue = "lolo"

在我的 macro.html 中,我有这个:{% macro powertestvalue(x) %} <p> {{ x }} : {{ testvalue }}</p>{% endmacro %}

问题是我只能在“macro.html”中使用 powertestvalue 宏,原因如下:

  1. 如果我使用“include”,我将无法使用包含 macro.html 的文件中的 powertestvalue。
  2. 如果我使用“import”,macro.html 将无法访问全局范围,也无法使用 {{ testvalue }}。

我应该如何处理这个问题?