如何从自定义车把助手访问请求对象

Question

我正在使用带有 node.js 和 express 的车把，并且我有一个自定义注册的温度显示助手，我想从页面 URL 访问查询参数。

帮助程序背后的概念是根据?tempFormat=F 或tempFormat=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}}

---

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

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

Answer 1

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

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

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

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

Answer 2

Handlebars 总是使用当前上下文调用助手 this，因此您可以使用 this 调用块来评估当前上下文中的块。

https://handlebarsjs.com/block_helpers.html#basic-blocks

您可以将@Roland 的答案与此功能结合起来，让您的助手使用单个参数确定正确的格式。

首先添加一个中间件，将请求中的值注入到车把的上下文中。

app.use(function(req, res, next){
    var tempUnits = this.req.query.tempFormat || 'C';
    this.locals.tempUnits = tempUnits;
    next();
})

然后在你的中间件函数中，你可以使用this.tempUnits来访问你注入的值。

hbs.registerHelper("formatTemp", function(temp) {
    var units = this.tempUnits;
    if (units == 'F') {
        temp = toFahrenheitStr(temp);
    }
    return temp;
});

然后你可以让你的单参数助手从请求中获取数据。

<div class="atticTemp">{{formatTemp atticTemp}}</div>

注意：您可以添加整个请求对象，但让中间件注入您想要的值会更简洁。

Answer 3

我正在使用 express-handlebars 包。您可以在其配置对象上注册助手，如下所示。与您的方式略有不同，但您会明白的。为了缩短事情的时间，我刚刚在您的辅助函数中添加了第二个参数（：

var exphbs  = require('express-handlebars');

app.engine('handlebars', exphbs({
    defaultLayout: 'layout',
    helpers : {
        formatTemp: function(temp, unit) {
            console.log(unit);
            if (unit=="F") {
                return temp;
            } else {
                return 32 + (temp* 9 / 5);
            }
        }
    }

上下文数据结构和用法是一样的。

经过测试。