它是翻译的,我的英语还不太流利,也许有些地方不准确,我的问题是,为什么
{{{ 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...
{{{ 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 转义。