我无法理解 Handlebars 中的 {{{ body }}}

问题描述 投票:0回答:1

它是翻译的,我的英语还不太流利,也许有些地方不准确,我的问题是,为什么

{{{ body }}} 
在 hbs 文件中(例如:'main.hbs')以及如何?我知道这个文件('main.hbs')中将包含我什么?

我给你留下了“main.hbs”示例...

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titulo</title>
</head>
<body>
  {{{ body }}} <!-- Aquí -->
</body>
</html>

Desde ya muchas gracias a quien responda a esta duda...

node.js express handlebars.js express-handlebars hbs
1个回答
0
投票

{{{ body }}}
块被渲染模板的内容替换为把手,例如此路由想要渲染
index.hbs
模板:

app.get("/", (request, response) => {
  response.render("index", { title: "Homepage" });
});

您可以在此处查看一个工作示例。 模板本身是:

<main>
    <h1>{{ title }}</h1>
    <p>This is the homepage</p>
</main>

整个 HTML 输出将如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Homepage</title>
</head>
<body>
  <main>
    <h1>Homepage</h1>
    <p>This is the homepage</p>
  </main>
</body>
</html>

需要三对花括号 (

{{{ ... }}}
) 而不是两对来防止 HTML 转义。

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