问题标签 [pugjs]

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 回答
1203 浏览

pug - 如何使用 Pug/Jade 迭代来创建具有不同内容的多个元素?

我目前正在学习 Pug/Jade 中的迭代。我想继续使用这个工具。

在下面的代码中,您基本上拥有相当于滑块的内容。

在第一个实例中,#{i}应该为每个列出的类返回值 1-4,但编译时却是一样的。虽然我已经看到这种技术对其他人有用。

其次,关于我的data数组,我已经能够获得title在 each 中显示的值section,但是,让button值出现在同一个容器中似乎是一个挑战。

上面的代码返回以下内容:

这很棒,但不是我需要的。我真正希望看到编译的是以下内容:

笔可以在这里查看:https ://codepen.io/jobaelish/pen/jYyGQM?editors=1000

我必须如何处理我的代码才能获得所需的结果?


更新:

好的。所以,一个新的代码。我能够解决我最初遇到的一些问题,通过使用+ i而不是#{i}.

其次,通过向block我的 Pug mixin 添加标签,我能够包含链接,没有问题。

这是新代码:

呈现:

所以,剩下的唯一事情就是让类在编译时正确迭代。我已经得到了style-0,style-5和现在的一些结果style-NaN的一些结果。

我现在怎样才能让它像style-1,style-2等一样工作?

0 投票
1 回答
807 浏览

javascript - Pug:使用 pug/jade 在每个循环中调用函数

我正在尝试编写一个简单的应用程序,例如 TO-DO LIST,当我按下按钮时,我需要动态创建(在 div 中使用增量 id),并将一些文本输入到 HTML 输入中。前任:

问题是当我试图得到var data它时,我什么也得不到。

如何var dataeach loop? 怎么称呼它?

我需要您对以下代码的帮助:

提前非常感谢。

0 投票
1 回答
1006 浏览

node.js - 使用 pug 对 JSON 对象进行排序

目前我正在使用此代码对 nodejs 代码中的数据进行排序。

上面的代码查找位置New York并对热门地点进行排序,locationscore然后转储到popularPlaces. 这样我可以在这样的pug/jade模板上使用它:

但我想自己进行排序pug/jade......而不是通过nodejs。

这是由返回的 JSONpopularPlaces

我怎样才能做到这一点?

0 投票
2 回答
2105 浏览

javascript - 节点如何在使用 pug 和 express 节点网站单击按钮时运行 python 脚本

我正在尝试使用我在 pug 中创建的网页运行 python 脚本,在节点中表达。我对 python 比对 node 更熟悉。使用以下如何运行 python 脚本?我包含了 python shell,但当我单击 pug 网页上的按钮时,我不确定如何运行 python 脚本。

服务器.js

指数.pug

0 投票
1 回答
2046 浏览

node.js - 如何将变量从 pug 模板文件传递到脚本文件?

从 express 我将变量 locals 传递给模板引擎,如下所示:

res.render("Main.pug", locals );

我可以在模板引擎中使用该变量。但我也想在包含的脚本文件中使用它

脚本(src='/file/Index.js')

我试过以下,

但不工作。

0 投票
0 回答
473 浏览

pug - hexo, pug:如何创建使用主题中的 pug 布局的 pug 内容

如何将块从哈巴狗模板移动source到哈巴狗模板中theme

Hexo 新手。处理一个hexo-theme-bootstrap4-starterkit主题。

使用 . 制作了一些哈巴狗模板pug -w index.pug。试图将我的内容移出themes/bootstrap4-starterkit和移入source

我的index.pug文件是这样的:

layout.pug文件或多或少:

0 投票
1 回答
158 浏览

pug - 如何在 pug 模板中获取 Hexo 构建的站点变量?

我有一个 Pug 模板(将成为 root index.html),它应该只列出我的帖子的标题:

在构建网站时,我进入index.html

我在这个网站上有两篇文章,这两篇文章<li></li>建议我迭代正确的变量(并且该变量是已知的)。

如何从 Array 获取这些元素的内容site.posts

0 投票
1 回答
92 浏览

php - 尝试在 PUG 属性值中嵌入 PHP

我正在尝试做的事情(使用 gulp-pug,使用 pugjs):

以及我在哈巴狗插值页面上能找到的东西,但它总是给我这样的东西:

同样的情况发生在这里:

.. 将被转换为 html 实体。我不知道如何防止这种情况。

有任何想法吗?知道任何帖子,这可能是重复的?

0 投票
1 回答
393 浏览

javascript - 如何将外部 javascript 文件集成到 PugJS 中?

我正在尝试使用 Node.js 和 Express 和 PugJS 作为模板引擎制作 Web 应用程序。

我的问题:我正在使用谷歌地图 API,我想将我所有的谷歌地图 API 函数编码到一个单独的 javascript 文件中。我不知道如何在 pugJS 页面中呈现这个外部 javascript 文件并从外部 js 文件调用函数。

0 投票
1 回答
117 浏览

gulp - 带有 at-signs/asperands (@) 的 Pug 标签名称

我使用 pug 编写.json文件(使用gulp,gulp-pug和编译gulp-xml2json)。

它正常工作得很好,但我不知道如何让它处理结构化数据@所需的 asperands () 。我已经尝试了我能想到的所有类型的插值,包括作者针对类似问题提出的方法(参见github 上的issue #2783),但没有任何运气。json-ld

我忽略了一个简单的解决方案吗?

这有效

编译为

这不

意外文本“@cont”

这也不

错误:错误:未编码 <

...

字符:@