问题标签 [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.
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] 时被调用。
我该怎么做?
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)%}
但没有任何效果。谢谢!
nunjucks - Nunjucks 中的元模板
我正在开发一个在 Nunjucks 中具有某些重复 UI 模式的 Marionette 应用程序,例如:
我想将其抽象为一个macro
或部分模板,如下所示:
这样我就可以像这样使用它:
但是,这会生成value="username"
而不是value="{{ username }}"
. 我怎样才能生产后者?
node.js - 最简单的 node.js + nunjucks 示例
可能永远不会使用 node.js 或 Nunjucks 进行任何真正的开发,但现在出于某种原因需要:
- 将一些简单的模板预编译为 javascript
Nunjucks
- 运行下的预编译模板
node.js
我已经做好了:
- 安装
node.js
和npm
(例如拥有node
和npm
命令) mkdir njtest && cd njtest
npm install nunjucks
用(得到一个node_modules/nunjucks
目录)安装了 nunjucksmkdir templates
在模板中,我创建了两个文件
index.html
并layout.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,而不是在浏览器中。
nunjucks - 在 Nunjucks 中,如何有条件地输出一行?
我想在 nunjucks 中有条件地输出一行,但如果条件为假,我不想有一个空行。
例子:
呈现如下:
我想在不降低模板可读性的情况下删除空行。有没有一个很好的方法来做到这一点?
我会期待类似的东西,{{- 'Something' if false }}
但这不起作用。
nunjucks - 使用与号视图渲染预编译的 nunjucks (browserify+nunjucksify)
试图browserify+nunjucksify
在一个ampersand-view
.
这按预期工作:
这不会:
我得到的错误是
AFAIK,这意味着this
对于 nunjucks 是错误的。Ampersand-view
将自己设置为this
为渲染功能,掩盖了 nunjucks 的期望this
。
有什么解决办法吗?
javascript - Nunjucks 中的循环根据内部 HTML 标记表现不同
我有以下 Nunjucks 模板应该将项目列表呈现为列表:
并作为表
该列表正确呈现为
但是该表应该具有三个 TR 元素,但是它呈现为
为什么只有一个 TR 元素而不是三个 TR 元素?
JSFiddle 在这里:
jinja2 - 如何将 JSON 数据传递到 Nunjucks 模板?
我想使用 Nunjucks 模板,但想传入我自己的 JSON 数据以在模板上使用。
这里的文档非常稀少。
https://mozilla.github.io/nunjucks/templating.html
谢谢你。
nunjucks - 导入并访问上下文 (nunjucks)
在我的 app.js 中,我有这个:app.locals.testvalue = "lolo"
在我的 macro.html 中,我有这个:{% macro powertestvalue(x) %} <p> {{ x }} : {{ testvalue }}</p>{% endmacro %}
问题是我只能在“macro.html”中使用 powertestvalue 宏,原因如下:
- 如果我使用“include”,我将无法使用包含 macro.html 的文件中的 powertestvalue。
- 如果我使用“import”,macro.html 将无法访问全局范围,也无法使用 {{ testvalue }}。
我应该如何处理这个问题?