Node.js中如何在同一页面使用多个已注册Handlebars助手

嘿，别发愁！在同一个Handlebars页面里使用多个已注册的助手，其实和你用单个助手的逻辑是一致的，只需要确保几个关键点做到位就行，我结合你的现有代码给你一步步说明：

1. 确保两个助手都正确注册 #

你已经有了categoriesList助手，假设你还有一个处理标签数据的tagsList助手，注册方式和之前完全一致：

// 你已有的分类助手
hbs.registerHelper('categoriesList', (categoriesList) => {
  // 处理分类数据的逻辑
});

// 新增的标签助手
hbs.registerHelper('tagsList', (tagsList) => {
  // 处理标签数据的逻辑
});

2. 在路由中传递所有需要的数据到模板 #

原来的路由只传递了分类数据，现在需要同时获取标签数据，一起传给Handlebars模板。修改你的Express路由：

app.get('/parenting', (req, res) => {
  // 用Promise.all并行获取分类和标签数据，提升效率
  Promise.all([
    dbtools.getCategories(),
    dbtools.getTags() // 假设你有这个获取标签数据的方法
  ])
  .then(([categories, tags]) => {
    // 把两类数据都传给模板
    res.render('parenting.hbs', { categories, tags });
  })
  .catch((err) => {
    res.status(401).send(err);
  });
});

3. 在模板中分别调用两个助手 #

现在在parenting.hbs里，你可以像调用单个助手一样，分别调用两个助手并传入对应的数据。如果你的助手返回HTML内容，记得用三个大括号{{{}}}来渲染：

<!-- 渲染分类列表区域 -->
<div class="categories-area">
  {{{categoriesList categories}}}
</div>

<!-- 渲染标签列表区域 -->
<div class="tags-area">
  {{{tagsList tags}}}
</div>

关键小提醒 #

• 要保证助手函数的参数和模板里传入的变量名匹配：比如你的categoriesList助手接收categoriesList参数，模板里就要传对应的分类数据变量（上面例子里是categories）。
• 如果你的助手不需要外部参数（不推荐这种写法，不利于维护），那直接调用{{{categoriesList}}}和{{{tagsList}}}就行，但更规范的做法是通过路由把数据传给模板，再传递给助手。

这样你就能在同一个页面里正常使用多个Handlebars助手啦！

内容的提问来源于stack exchange，提问作者sixstring