问题标签 [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.
jquery - 使用 Handlebars 模板客户端传递的 Node JS 排序数组
我正在使用 nodeJS、express、MongoDB 和 Handlebars 开发一个简单的 Web 应用程序。服务器端我使用快速车把:
因此,当我查询数据库时,我想在页面中向客户端显示结果: /* some code */ router.get('/', function(req, res) {
使用把手显示结果非常简单:
但是我想允许用户在不与服务器再次交互的情况下对这个元素数组进行排序,因为查询结果是相同的并且只会改变顺序。 html代码将是:
是否存在对通过 res.render(...) 传递的数组进行客户端排序的方法? 如果用户在选择标签中选择一个选项,我可以使用 AJAX 修改列表吗?如何?(始终不与服务器交互,也不在 mongoDB 上再次执行相同的查询)
PS:我是nodeJS和Handlebars的初学者,请耐心等待!
node.js - 无法将车把上的数据渲染到 ng-tag-input 字段
我试图将数据从节点服务器渲染到车把文件。但无法访问 ng-tag-input 上的数据。有人可以帮忙吗?提前致谢。
express - 是否可以使用快速车把只渲染没有布局的部分?
我已经正确设置了具有以下目录结构的快速车把:
user-search-partial.html(存储在视图 > 部分)
渲染块
在前端使用 Angular 对局部视图发出各种 xhr 请求,我只需要渲染上面的局部,而不需要任何布局/视图包装器。我设法通过在res.render
视图名称中添加“部分”目录名称来实现这一点,但感觉就像一个黑客。res.render
我想知道,是否有另一种加载部分的方法,也许是通过向 locals/options 对象(第二个参数)添加一个部分声明?
javascript - 如何在车把中编写此哈巴狗功能?
有人可以告诉我如何在车把代码中编写以下哈巴狗代码吗?
我找到了以下代码,但每次迭代我必须填充两个点。所以我不知道如何实现它。
谢谢。
javascript - ng-options 缓慢的数据渲染或点击数据在下拉列表中渲染,数据量较少
在我看来(使用处理程序栏模板)在页面加载功能上获取调用并从服务器获取值并通过 ng-options 加载两个下拉列表的值,但是在单击两个选择框后数据都会出现在两个下拉列表中。意味着在第一个选择框单击数据不会呈现,而在单击第二个选择框数据后,两个下拉列表中都会出现。
node.js - 将被循环的元素传递给事件处理程序
如何将正在循环的元素传递给事件处理程序。
foo.hbs
上面的 code:product
参数给了我HTMLButton
而不是product
当前的迭代。
问题:如何将元素product
而不是button
元素传递给处理程序?
我正在使用express-handlerbars
.
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
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 布局文件。我什至试图将该代码放在实际视图中,但它不起作用。我错过了什么?
谢谢。
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