问题标签 [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 投票
3 回答
1271 浏览

nunjucks - 这个 metalsmith-in-place 构建脚本有什么问题?

我正在尝试使用 metalsmith-in-place 对源目录的子目录中的文件进行一些就地模板化。它不起作用。模板标签不会被 frontmatter 替换。

我的构建脚本:

我的模板:

我的输出:

它适用于source; 但我需要它来处理子目录。

0 投票
1 回答
302 浏览

node.js - 撇号 CMS 幻灯片单例无法访问

我正在尝试使用一singleton组将图像添加到页面类型slideshow widgetType

界面工作正常(可以上传图片,限制上传到设置变量),但我无法访问模板中的对象

我在页面模板中使用以下脚本记录页面对象,其他所有自定义字段都可以正常工作,只是幻灯片小部件不行。

这是 app.js 中设置的内容

有什么建议吗?

0 投票
1 回答
866 浏览

javascript - 如何将 Spring MVC Javascript 模板引擎与 nunjucks 集成?

这是我基于http://www.mkyong.com/spring-mvc/spring-mvc-mustache-js-template-example/的模板引擎配置

//render.js 文件内容

并且发生了这个异常:

那么我如何为 nunjucks 提供或模拟窗口?

0 投票
1 回答
1781 浏览

javascript - 使用 nunjucks 的基本模板

我正在编写一个 shell 脚本,并希望通过将我的变量保存在一个 json 文件中来使用它。

我是 javascript 的初学者,所以似乎无法掌握如何使用 nunjucks 来呈现我的模板。你能帮我让这个简单的例子工作吗?

这是我目前的尝试。(我已经npm安装了)

在我的项目目录中:

sample.njk使用以下内容创建:

index.js具有以下内容:

我的项目目录看起来像:

我运行index.js节点为

如何将其输出(到命令行或新文件):

处理模板后?

我试过查看 gulp-nunjucks 和 gulp-nujucks-render,但是那里发生的事情太多了,我什至无法在这里完成一个简单的任务。

当我在 json 文件中定义我的数据时,我只需要将它作为nunjucks.render()函数中的上下文传递,对吗?

谢谢你的帮助。

0 投票
1 回答
136 浏览

angularjs - Angular 双向绑定与 plunker 的工作方式不同

Angular view(template) 没有更新,但是当编码为 express 服务时,在查看 batarang 时,范围是最新的。

在 Plunker http://plnkr.co/edit/gHTFVkyDBIOJTvNMOgeB?p=preview上创建相同的代码后,更改选择选项时效果非常好:

<p>Hello {{selectedPlan.name}}!</p> 模板中的行在不处理快递的地方

差异

根路径上的 Plunker

快递路径:http://localhost:3000/advertisement/add-new

模板路径:http://localhost:3000/templates/plan-selector.nunjucks

我在 github 上添加了 babelify 的最小设置,所以如果有人可以测试https://github.com/carlitux/angular-test,我还添加了两个屏幕截图。

https://github.com/carlitux/angular-test/blob/master/Screen%20Shot%202016-05-02%20at%2011.17.14%20AM.png这具有不呈现控制器范围值的初始值.

https://github.com/carlitux/angular-test/blob/master/Screen%20Shot%202016-05-02%20at%2011.17.32%20AM.png这在指令计划选择器更改后也没有呈现在模板上。

但在两张图片上,您都可以看到范围已更新。

0 投票
1 回答
1638 浏览

javascript - 如何在带有 nunjucks 和 gulp-data 的 JSON 数据中使用 HTML 内容?

如何将 HTML 与 JSON 与Gulp-data一起使用?我在 Gulp、 NunjucksMJML的静态网站构建过程中使用它

JSON

.nu​​njucks 文件

在最终的 HTML 输出中给出这个输出

0 投票
2 回答
1913 浏览

javascript - 异步获取数据 使用 JavaScript 同步数据

我想获取数据并准备好另一个函数用作 javaScript 对象。问题是程序完成后才获取数据。这是项目的链接:https ://github.com/bigbassroller/isomorphic-js/blob/master/src/components/pages/Home/HomeController.js 。请参阅此处的代码:

是否可以在页面呈现之前获取数据?我尽量让事情保持原样,因为我正在尽可能多地学习。我已经被困了好几天试图解决这个问题,所以我来寻求帮助,并帮助其他有同样问题的人。我的问题与这个问题类似,https://github.com/reactjs/redux/issues/99但我没有尝试使用redux,而是使用promises。

0 投票
1 回答
3083 浏览

javascript - 使用 nunjucks 时出现块结束错误

我将 nunjucks2 与 express 和 node 一起使用,将 njk 升级到 2.4.2 后出现此错误:

错误和布局是简单的 nunjucks 文件,在这里我发布我的app.js配置:

0 投票
1 回答
665 浏览

nginx - 由于 Content-Security-Policy,nunjuncks 未呈现

错误:

nginx配置:

问题:

看起来 nginx 配置中设置的Content-Security-Policy未应用。我检查了从服务器返回的标头,它们设置正确(包括 unsafe-inline 和 unsafe-eval)。

问题:

帮助?或更详细地说:我还需要做什么才能让 Chrome 呈现我的nunjuncks模板?

我正在寻找一种适用于服务器端的解决方案(无 Chrome 插件)。

0 投票
1 回答
193 浏览

knockout.js - 带有可剔除可观察对象的类似小胡子的语言

我正在尝试使用带有类似小胡子的语言的 Knockout 样式的视图模型。

所以视图模型看起来像这样:

类似小胡子的语言的一个相当普遍的问题是它们不会打开模型。所以一个人得到例如

这就是 Nunjucks 所发生的事情,以及其他(具有各自的render功能)。

可以将过滤器与 Nunjucks 一起使用,因此以下内容按预期工作:

过滤器在哪里unwrap,存在ko.unwrap。但是我不喜欢这种语法,我想知道是否有更好的选择。我仔细阅读了 Nunjucks 代码,似乎不可能自动解开在上下文中查找的每个变量。

Handlebars.js 有更好的语法(在我看来),例如

不幸的是,如果您忘记了unwrap, thenaValue将被视为帮助程序并以不受欢迎的值调用,例如{ data: Object, hash: '', name: '...' }. 显然,人们不希望他们的模板语言这样做。与 Nunjucks 类似,Handlebars 没有办法修改上下文查找以自动调用ko.unwrap.

有趣的是,Mustache.js 会调用任何是 a 的变量function(当然包括 observables)。但是,它缺少其他库中的许多功能。

有没有人在使用类似 Mustache 的库和 Knockout 方面有任何经验并解决了这种关系(包括哪些 mustache 库最合适)?