javascript - 如何从自定义 Handlebars 助手访问请求对象

标签 javascript mustache handlebars.js

我在 node.js 和 express 中使用 handlebars,我有一个自定义注册的温度显示助手,我想从页面 URL 访问查询参数。

助手背后的概念是根据 ?tempFormat=FtempFormat=C 是否在 URL 中自动处理华氏度到摄氏度的转换。这是我想要的自定义助手的伪代码:

hbs.registerHelper("formatTemp", function(temp) {
    if (query parameter says to use Fahrenheit) {
        temp = toFahrenheitStr(temp);
    }
    return temp;
});

所以,我希望我的模板看起来像这样:

{{#each temperatures}}
    <div class="row {{{stripes @index}}}"> 
        <div class="time">{{prettifyDate t}}</div>
        <div class="atticTemp">{{formatTemp atticTemp}}</div>
        <div class="outsideTemp">{{formatTemp outsideTemp}}</div>
        <div class="spacer"></div>
    </div>
{{/each}}

我现在正在解决这个问题,方法是提取 request.query.tempFormat 并将其放入提供给模板呈现的数据中:

app.get('/debug', function(request, response) {
    var tempData = {
        temperatures: data.temperatures,
        units: request.query.tempFormat || "C"
    };
    response.render('debug', tempData);
});

然后,在模板中传递该数据:

{{#each temperatures}}
    <div class="row {{{stripes @index}}}"> 
        <div class="time">{{prettifyDate t}}</div>
        <div class="atticTemp">{{formatTemp atticTemp ../units}}</div>
        <div class="outsideTemp">{{formatTemp outsideTemp ../units}}</div>
        <div class="spacer"></div>
    </div>
{{/each}}

但是,这看起来很麻烦,因为我必须将温度单位传递给每个模板渲染调用,然后我必须将它们放在每个模板中,我希望它们在温度显示中使用。他们已经在请求对象中了。所以,我想弄清楚如何从 handlebars 自定义辅助函数访问请求对象?这样,我可以为每个渲染保存代码并在每个模板中保存代码,并让 tempFormat 查询参数自动应用于我的模板中对 formatTemp 的任何使用。

有谁知道如何在不使用全局变量的情况下从 handlebars 自定义助手访问请求对象?

最佳答案

首先,您需要通过在路由之前的任何位置注册一个中间件,将您的请求对象分配给本地响应

app.use(function(req,res,next){
    res.local.req = req;
    next();
})

然后你可以在你的助手中访问查询对象

<div class="atticTemp">{{formatTemp atticTemp ../req.query.tempFormat }}</div>

关于javascript - 如何从自定义 Handlebars 助手访问请求对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25611501/

相关文章:

jquery - Sammy.js + Mustache 在简单示例中给出错误 : haystack. indexOf 不是函数

javascript - 在 ajax 响应后重新渲染 Handlebars 模板

templates - NodeJS + Express + Handlebars - 找不到 View "index.html"

javascript - 如何展平夹紧的阵列

javascript - 在钛javascript中将屏幕移动到图像上

javascript - 识别 JS 脚本何时作为 Worker 运行

javascript - 使用 Mustache 变量标签将数组传递给 JavaScript 函数

javascript - 使用 Mustache.js 在对象数组中渲染模板数据

javascript - 部分未渲染 Express-handlebars Node

javascript - 如何从 Bootstrap Datepaginator 禁用过去的日期