handlebars.js 相关问题

Handlebars是JavaScript的模板库。

Handlebars.Net 插入日语字符并将其转换为 Unicode 十进制代码

简单的例子 公共类模板数据{ 公共字符串输入字符串=“あ”; } 公共静态字符串HandleBar() { var 消息 = &qu...

回答 1 投票 0

如何创建带有express-handlebars的模板?

我的exphbs函数有问题,它说它不存在。 我已经尝试过 npm installexpress-handlebars@latest、npm installexpress-handlebars、npm install --saveexpress-handl...

回答 1 投票 0

expressjs 中用于渲染车把页面的 Res.render 不起作用

所以在我的客户端,我有以下javascript search_button.addEventListener("点击", 事件 => { fetch("/api/特定客户/" + search_input.value).then(res =&...

回答 2 投票 0

如何使用handbars与nodemailer一起发送电子邮件?

我正在使用nodemailer使用以下nodemailer-express-handlebars插件发送电子邮件。我用这篇{dead blog post}作为参考 该代码正在编译欢迎模板,但没有使用...

回答 2 投票 0

SendGrid 动态模板 - 在把手中获取收件人电子邮件

在我的SendGrid动态模板中,我需要获取收件人电子邮件并将其传递到URL中。有什么方法可以从某种全局/默认变量接收收件人电子邮件,或者我需要...

回答 2 投票 0

Grunt Handlebars 部分名称修改问题

我正在尝试编译 Components/client 文件夹内的 .hbs 文件。编译工作正常。我在部分名称中添加子文件夹名称时遇到问题。 这是我的代码。 处理...

回答 1 投票 0

使用 IronPDF 生成 HTML 目录

我们正在使用 IronPDF 从我们生成的一些 HTML 生成 PDF 文件。 该文档将包含未知页数。除了在底部显示页码之外......

回答 2 投票 0

parcel 构建 static/index.html × 构建失败。错误:未找到 index.x-handlebars-template 的变压器

我正在尝试构建一个带有车把模板和快速服务器的应用程序。 index.html 文件在脚本标记内包含所有车把模板,其中提到了 type="text/x-handlebars-te...

回答 1 投票 0

错误:无法在视图目录“./views”中查找视图“表单”

我已经在我的 app.js 文件上进行了车把模板配置,但是当我尝试使用 nodemon 运行我的代码时,他向我返回了此错误。任何人都可以帮忙吗? 当我尝试修复时产生此错误...

回答 1 投票 0

Handlebars.compile 抛出异常“错误:您必须将字符串或 Handlebars AST 传递给 Handlebars.compile。你通过了<html>...'

前提 我们在后端 Nodejs 应用程序中运行了句柄,用于对发送的各种消息进行模板化。 Handlebars.compile 抛出此异常(当从部分编译模板时...

回答 3 投票 0

在 Handlebars.js 辅助参数中连接字符串和变量的合理方法?

我正在尝试在 Ember 中构建一个简单的模态组件,但似乎 Handlebars 的“无逻辑”对我来说太不合逻辑了。有没有什么明智的方法可以达到这样的结果? &...

回答 3 投票 0

使用 Webpack 5 - 使用服务器端模板引擎时如何在 html 中引用带有 [contenthash] 替换的文件?

使用时:copy-webpack-plugin 并指定为: as: 'images/[name].[contenthash][ext]' 如何在模板中引用这些文件而不使用 html-webpack-plugin 还是handlebars-loader? ...

回答 1 投票 0

找不到名称“Handlebars”

我正在尝试在 Typescript 中使用把手。我收到以下错误 /// /// 我无法...

回答 1 投票 0

当我尝试使用handlebars.js时,出现丢失助手错误

我将 Handlebar.js 包含在我的 hbs 视图中,如下所示 </desc> <question vote="0"> <p>我将 Handlebar.js 包含在我的 hbs 视图中,如下</p> <pre><code>&lt;script src=&#34;https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js&#34;&gt;&lt;/script&gt; &lt;script&gt; Handlebars.registerHelper(&#39;ifeq&#39;, function (a, b, options) { if (a == b) { return options.fn(this); } return options.inverse(this); }); Handlebars.registerHelper(&#39;ifnoteq&#39;, function (a, b, options) { if (a != b) { return options.fn(this); } return options.inverse(this); }); &lt;/script&gt; </code></pre> <p>但是当我按如下方式使用它时,我收到错误“缺少助手:“ifeq””。我做错了什么?</p> <pre><code>{{#ifeq status &#34;0&#34;}} Status is : 0 {{/ifeq}} </code></pre> </question> <answer tick="false" vote="0"> <p>这是一个可运行的示例,显示它的工作原理:</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>Handlebars.registerHelper(&#34;ifeq&#34;, function (a, b, options) { if (a == b) { return options.fn(this); } return options.inverse(this); }); const html = document.querySelector(&#34;#template&#34;).innerHTML; const template = Handlebars.compile(html); document.body.innerHTML = template({status: &#34;0&#34;});</code></pre> <pre><code>&lt;script id=&#34;template&#34; type=&#34;text/x-handlebars-template&#34;&gt; {{#ifeq status &#34;0&#34;}} Status is : 0 {{/ifeq}} &lt;/script&gt; &lt;script src=&#34;https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" data-cfemail="95fdf4fbf1f9f0f7f4e7e6d5a1bba2bbad">[email protected]</a>/dist/handlebars.js&#34;&gt;&lt;/script&gt;</code></pre> </div> </div> <p></p> <p>如果您在服务器上运行此代码,请将所有代码移至那里,而不是使用稍后在客户端上运行的 <pre><code>&lt;script&gt;</code></pre> 标签。例如:</p> </answer> </body></html>

回答 0 投票 0

puppeteer找不到nodejs把手的助手

我正在 NodeJs 中使用 puppeteer 创建 PDF 文件。我用车把渲染模板,并通过复杂性传递变量,以便车把获取它们。 下面的代码是我的

回答 1 投票 0

javascript <script> 标签在解析 Handlebars 数据时是否高效?

我本质上是从后端 server.js 中的数据库中选择 *,并将其传递到试图将数据解析到表中的句柄文件。 hbs 文件如下所示: ...

回答 1 投票 0

由于 MIME 类型不匹配,资源被阻止

我收到了以下错误:由于 MIME 类型不匹配(X-Content-Type-Options:nosniff),来自“[URL 和文件名]”的资源被阻止。我所有的 CSS 和 Javascript 文件。 该...

回答 1 投票 0

使用javascript和handlebars在后端从Html创建pdf

我的项目中有一个车把模板,我需要将其转换为 dpf 文件保存并通过电子邮件发送给用户。 我尝试过像 jsPDF 这样的库,但它在服务器端对我不起作用。 jsPDF代码: ...

回答 1 投票 0

没有使用视图/模板引擎(Handlebars)在网页上获取任何动态内容

我正在使用 Handlebars 模板引擎。在控制台没有收到任何错误,但我无法在从 app.js 渲染的 index.hbs 文件中显示动态内容 应用程序.js const express = 需要...

回答 1 投票 0

在车把中,如何转义字段名称中的特殊字符?

例如我有一个像这样的对象: { '#SKU_NBR': '123' } 我想打印出该值,但简单的语法不起作用: {{#SKU_NBR}} 我该如何逃脱... 例如我有一个这样的对象: { '#SKU_NBR': '123' } 我想打印出该值,但简单的语法不起作用: <div>{{#SKU_NBR}}<div> 如何转义字段名称,以便可以在车把的模板表达式中使用它? 要详细说明bigless的答案,您可以使用以下任何一个: {{ "#SKU_NBR" }} {{ '#SKU_NBR' }} {{ [#SKU_NBR] }} 这些解析转义字符中命名的变量(而不是仅包含字符串#SKU_NBR)。 我遇到了类似的问题,因为我有名为 this 和 with 的变量。我发现 {{[this]}} 按预期工作,但 {{[with]}} 没有。我可以通过使用 {{this.with}} 来解决这个问题 解决此问题的一种方法是使用辅助函数。我制作了一个名为 get 的项目,它仅获取基于字符串的字段。 import Handlebars from 'handlebars' import get from 'lodash/get' Handlebars.registerHelper('get', function (path, opts) { return get(opts, `data.root.${path}`) }) const template = Handlebars.compile('{{get "#upc"}}'); const result = template({ '#upc': 'abc123' }) console.log(result) // abc123 您也可以在子表达式中使用它,如下所示: {{tolowercase (get "#upc")}} 您可以使用{{[@special-chars]}}。 示例:{{[#sku_no]}} 请参阅车把尝试编辑器中的工作示例:https://handlebarsjs.com/playground.html#format=1¤tExample=%7B%22template%22%3A%22%7B%7B%5B%23SKU_NBR%5D%7D% 7D%22%2C%22部分%22%3A%5B%5D%2C%22输入%22%3A%22%7B%5Cn%20%20%5C%22%23SKU_NBR%5C%22%3A%20123456%5Cn% 7D%5Cn%22%2C%22output%22%3A%22123456%22%2C%22preparationScript%22%3A%22%5Cn%22%2C%22handlebarsVersion%22%3A%224.7.8%22%7D

回答 3 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.