问题标签 [client-side-templating]
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 - Nunjucks:循环遍历 for 循环中的前 5 个项目
Nunjucks 的新手,在这里遇到了类似的问题,但我无法让我的代码正常工作。我正在尝试遍历 14 个项目的 Nunjucks 循环中的前 5 个项目。到目前为止,我发现range 函数应该能够做到这一点,但无法获得正确的语法。好像我指向的索引不正确。
我获取所有 14 项的代码是:
这将打印索引中的所有 14 个图像。我还可以使用以下方法打印 14 张图像:
问题是所有图像都被破坏(在 src url 中没有文件名的情况下打印),如下所示:
这可能很明显,但我不知道如何限制使用文件名中的数据打印多少图像。
更新(回应下面 Aikon 的评论):图像数据存储为 JSON(使用 Keystonejs CMS 通过 Express/Node 加载)。从 Express 加载的数据的控制台日志如下:
这是由于我的 keystone 视图中的以下代码通过 Express/Node 从 MongoDB 加载图像数据:
所以 index 指的是当前视图,而不是数据库模型。希望这可以澄清。
html - HTML 模板机制能否在 Angular 中工作?
我在我的 Angular 应用程序中使用 HTML 模板,我的代码是这样的:
但是,当加载 HTML 时,我在 DOM 中找不到这个脚本块。
如何在 Angular 中实现 HTML 模板机制?
javascript - 从 {{ mustache }} 迁移到 Vue
我们使用 mustache 将外部文件中的模板加载到布局中,这没问题,但我们必须使每个模板独立,样式、JS 和 html 在同一个文件中,这对于 mustache 是不可能的,我们使用单个文件转移到 VueJs零件。
在这种情况下使用 Vue 是一个不错的选择,还是我们缺少一些轻量级的 JS 模板引擎?
background-color - SharePoint 现代体验 - ClientSidePage 部分背景 - 如何着色?
我有一个棘手的问题。我必须找到一个解决方案来为 ClientSidePage“部分”着色(背景)。我使用 SharePoint Online PnP 创建了一个模板。
如果我使用命令“Get-PnPProvisioningTemplate”导出模板 XML 文件,则部分的背景颜色没有值。
要添加 ClientSidePageSection,有一个命令“Add-PnPClientSidePageSection”,但不可能为背景着色,也无法为颜色指定值。
有没有办法给部分着色?或者有没有办法复制带有彩色部分的 .aspx 网站?如果我手动复制,这些部分是彩色的。也许有一种方法可以自定义它。
javascript - 是否可以在灰尘js中使用动态键?
我的 .properties 文件(test.properties):
my.dust 文件:(这里的 'id' 是动态值;它可以是 10 或 12,基于不同的内容应该呈现)
但不幸的是,用户界面中断了,我没有得到它们中的任何一个。这似乎是一个基本要求,但我找不到太多帮助。
html - Node.js 和 Mustache.js:如何将服务器端渲染与客户端 mustache 模板分开?
我在验证表单后尝试second.html
使用服务器端呈现,然后在用户验证其中的新表单(多次)时home.html
将 mustache.js 保留为模板(更新)部分。second.html
问题:html 从服务器端呈现参数,但将来自 mustache 的参数视为空字符串
我知道 mustache 可以同时用于服务器端和客户端,但我没有在服务器文件中使用 mustache
服务器端文件
客户端文件
.html 文件
输出:
期望的输出:
javascript - 修复车把 js 在客户端不起作用
我正在尝试使用车把模板。我将 Express-handlebars 用于我的服务器,并且我想将 handlebars js 用于我的客户端渲染。
这是车把模板的脚本。
对于客户端
Myresponse
是一个数组,里面有一个对象,例如:[ {title:"Black Cap", price:60}]
. 但是页面上什么都没有显示!!!我应该作为 html 发送的data
显示如下:
请帮忙。谢谢
javascript - 对于一个用户交互高的网站,客户端渲染好还是服务器端渲染好?
我正在开发一个网站,其中用户登录到他们的用户帐户,将数据输入到表中(我正在使用 Tabulator),然后保存表中的数据(我正在使用 MongoDB Atlas 进行数据存储)。网站有不同的子页面,其中数据与存储在另一个子页面中的其他数据交互(例如,网站有“销售”和“库存”子页面,因此当用户进行新销售时,库存将减少销售额)。基本上,这是一个用户不断对其数据执行 CRUD 操作的网站。
今天,该网站在客户端呈现。网站的每个子页面都有自己单独的 HTML 文件和单独的 Javascript 文件,其中一个 Node 文件用于处理所有子页面与 Atlas 的所有后端通信。我只使用一个或两个不同的用户帐户在本地 PC 上使用和测试网页,并且一切正常(每个用户保存并使用自己的数据)。
现在,考虑到我计划部署网站(到域或 Heroku),并可能获得成百上千不同的用户,我一直在研究这个选项:
- 以我一直使用的方式继续使用简单的客户端 HTML。
- 将 HTML 渲染为来自 Node 的响应
- 从节点使用模板引擎
考虑到可扩展性,您会推荐哪个选项?
reactjs - Next.js amp-story 客户端渲染
尝试在 next.js 项目中使用 amp-story。我想获取一个 api 并使用来自 url 的路由器查询(其中包含我要获取的元素的 id)渲染从 api 获取的图像和视频。但是一切都在服务器端呈现,所以网页没有获取它。有什么方法可以让它在客户端渲染?或者可以做任何事情以便我可以使用 url 参数获取 api?
javascript - (Handlebar.JS)为具有特定键的项目输出不同模板的最佳方式
我已经被这个问题困扰了一天多,这个想法是想以某种方式在每个项目之间添加一个逗号,并在最后加上一个句号。
有人建议我为每个车把添加一个自定义助手,它部分工作,因为我无法找到最后一个元素并为其添加一个句号。有什么方法可以获取 {if}........{/if} 语句之间的所有现有把手并循环它们?
一个 .json 条目:
感谢您的时间。