问题标签 [express-handlebars]

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 投票
0 回答
920 浏览

node.js - 数据绑定 Express-handlebars

我正在开发购物车作为我学习的一部分。

主页 在此处输入图像描述


我现在在做什么:

意见/index.hbs

路线/index.js

路线/cart.js

上面的代码,当Add to cart单击按钮时,cart.totalQty更新并重新加载页面。


问题: 是否可以实现点击按钮后cart.totalQty自动更新和header的badge自动绑定cart.totalQty渲染的功能,无需重新加载页面?

注意:我使用的是“express-handlebars”模块,即它不包含在 html 中的 handlebar.js 中。
请告诉我是否可以提供更多信息。

0 投票
1 回答
643 浏览

jquery - 使用 Handlebars 模板客户端传递的 Node JS 排序数组

我正在使用 nodeJS、express、MongoDB 和 Handlebars 开发一个简单的 Web 应用程序。服务器端我使用快速车把:

因此,当我查询数据库时,我想在页面中向客户端显示结果: /* some code */ router.get('/', function(req, res) {

使用把手显示结果非常简单:

但是我想允许用户在不与服务器再次交互的情况下对这个元素数组进行排序,因为查询结果是相同的并且只会改变顺序。 html代码将是:

是否存在对通过 res.render(...) 传递的数组进行客户端排序的方法? 如果用户在选择标签中选择一个选项,我可以使用 AJAX 修改列表吗?如何?(始终不与服务器交互,也不在 mongoDB 上再次执行相同的查询)

PS:我是nodeJS和Handlebars的初学者,请耐心等待!

0 投票
0 回答
19 浏览

node.js - 无法将车把上的数据渲染到 ng-tag-input 字段

我试图将数据从节点服务器渲染到车把文件。但无法访问 ng-tag-input 上的数据。有人可以帮忙吗?提前致谢。

0 投票
1 回答
668 浏览

express - 是否可以使用快速车把只渲染没有布局的部分?

我已经正确设置了具有以下目录结构的快速车把:

user-search-partial.html(存储在视图 > 部分)

渲染块

在前端使用 Angular 对局部视图发出各种 xhr 请求,我只需要渲染上面的局部,而不需要任何布局/视图包装器。我设法通过在res.render视图名称中添加“部分”目录名称来实现这一点,但感觉就像一个黑客。res.render我想知道,是否有另一种加载部分的方法,也许是通过向 locals/options 对象(第二个参数)添加一个部分声明?

0 投票
1 回答
80 浏览

javascript - 如何在车把中编写此哈巴狗功能?

有人可以告诉我如何在车把代码中编写以下哈巴狗代码吗?

我找到了以下代码,但每次迭代我必须填充两个点。所以我不知道如何实现它。

谢谢。

0 投票
1 回答
454 浏览

javascript - ng-options 缓慢的数据渲染或点击数据在下拉列表中渲染,数据量较少

在我看来(使用处理程序栏模板)在页面加载功能上获取调用并从服务器获取值并通过 ng-options 加载两个下拉列表的值,但是在单击两个选择框后数据都会出现在两个下拉列表中。意味着在第一个选择框单击数据不会呈现,而在单击第二个选择框数据后,两个下拉列表中都会出现。

0 投票
1 回答
44 浏览

node.js - 将被循环的元素传递给事件处理程序

如何将正在循环的元素传递给事件处理程序。

foo.hbs

上面的 code:product参数给了我HTMLButton而不是product当前的迭代。


问题:如何将元素product而不是button元素传递给处理程序?
我正在使用express-handlerbars.

0 投票
0 回答
80 浏览

javascript - Express-handlebars“模板合并”

我正在使用 Node.js 和 Expressjs 构建我的第一个 Web 应用程序。对于我的模板/视图引擎,我使用 Express-handlebars,但我有一些问题。

我希望能够根据左侧菜单栏中选择的菜单动态更改红色区域中的内容。

我已经成功设置了渲染正确页面的路由,但是我可以像第一个一样添加另一个“子目录”吗?例如:“domain/admins/adminpanel/dashboard”在红色区域显示用户仪表板,“domain/admins/adminpanel/posts”在红色区域显示其他内容?

我尝试过使用车把部分,但我不太明白以我想要的方式使用它的目的。

与其发布 10 张图片,不如只显示整个代码更容易。: https ://github.com/Jakobtottrup/OptekSemester2/tree/master/Web

屏幕截图显示“红色区域” 页面从此处呈现

这是构成页面的 HTML

0 投票
1 回答
740 浏览

angularjs - 将 Angular 与 Express-Handlebars 一起用于 Node.js 应用程序

我有一个 node.js 应用程序运行 Express 和 express 车把作为模板框架。我最近开始学习 Angular 并将其集成到我的 node.js 应用程序中。

唯一的问题是,快速车把和角度的标记是相同的。两个框架都使用 {{}}。我做了一些研究,发现了这个 Stackoverflow 问题:Using Express Handlebars and Angular JS

接受的答案建议使用 interpolateProvider 更改标记符号。我实现了这一点,但它对我不起作用(我已在该答案下发表评论)。

我的代码如下所示:

main.handlebars

上面的代码来自 main.handlebars 布局文件。我什至试图将该代码放在实际视图中,但它不起作用。我错过了什么?

谢谢。

0 投票
1 回答
7752 浏览

javascript - 无法让 express-handlebars 呈现 HTML 页面

我正在关注如何呈现 HTML 页面的NodeJS 教程,但我似乎无法使其工作。我安装了所有要求并使用了该--save选项,因此它位于我的node_modules文件夹中。在我npm start访问 my之后localhost,这是我收到的错误消息:

./index.js

./app/index.js

(自动生成)package.json

./views/layouts/main.hbs

./views/home.hbs