handlebars.js - Handlebars 模板中的多个部分-6ren

handlebars.js - Handlebars 模板中的多个部分

转载作者：行者123 更新时间：2023-12-04 03:45:59

28

4

我只是对 Handlebars 作为模板解决方案有了更好的了解，并且遇到了一个我不知道如何解决的问题。
我在我的布局中添加了部分，一个用于页眉，一个用于页脚，用于从我的 View 中动态插入脚本。但是，只有第一部分会呈现。第二个(无论顺序如何)总是被省略。

我的布局是一个简单的 HTML 页面:

<!doctype html>
<html>
<head>
    <title>Test site</title>
    {{{_sections.head}}}
</head>
<body>
    <header>
        //Logo and stuff here
    </header>
    {{{body}}}




    <script src="//code.jquery.com/jquery-2.0.2.min.js"></script>
    {{{_sections.footer}}}
</body>
</html>

在我的布局文件中，我有:

{{#section 'head'}}
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.3.0/handlebars.min.js"></script>
{{/section}}

//basic HTML here

{{#section ‘footer’}}
<script>
alert(“this doesn’t fire if its second!”);
</script>
{{/section}}

页眉部分出现在页面上，但页脚没有。问题是，如果我将页脚放在页面顶部(即在 {{section ‘head’}} 之前呈现，但头部部分不再呈现。

在我的 app.js 中，我正在按如下方式设置部分功能:

var handlebars = require('express3-handlebars')
    .create({
        defaultLayout: 'main',
        helpers: {
            section: function (name, options) {
                if (!this._sections) {
                    this._sections = {};
                    this._sections[name] = options.fn(this);
                    return null;
                }
            }
        }
    });
app.engine('handlebars', handlebars.engine);
app.set('view engine', 'handlebars');

任何想法我在这里做错了什么或如何添加对这两个部分的支持？

谢谢

最佳答案

我认为您的部分正在相互覆盖。尝试将您的 Handlebars 创建更改为以下内容:

var handlebars = require('express3-handlebars')
    .create({
        defaultLayout: 'main',
        helpers: {
            section: function (name, options) {
                if (!this._sections) {
                    this._sections = {};
                }
                this._sections[name] = options.fn(this);
                return null;
            }
        }
    });

关于handlebars.js - Handlebars 模板中的多个部分，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24934314/

28

4

0

文章推荐： visual-studio - 如何向 VisualStudio 控制台添加命令？

文章推荐： ruby-on-rails - Redmine中的用户名

typescript - A 部分部分 io-ts
我在使用 io-ts 时遇到一些问题。我发现它确实缺乏文档，我取得的大部分进展都是通过 GitHub issues 取得的。不，我不明白 HKT，所以没有帮助。基本上，我在其他地方创建一个类型，ty
java - 匹配完整文件正则表达式中的 A 部分，但不匹配 B 部分
我必须创建一个正则表达式来搜索整个文件，以找到与 Java XML 解析器的第一部分(但不是第二部分)的匹配项。这将用于防止某些 XXE 攻击。不幸的是，它确实必须是单个正则表达式，并且它确实需要搜索
c# - 部分/部分中的 asp.net mvs 部分？
我有一些简单的 Shared/_Header.cshtml 文件中的内容。 My Shared/_Layout.cshtml 通过调用插入该代码 @Html.Partial("_Header") 目前
java - Selenium 只执行循环的 if != null 部分，不运行循环的 "else if null "部分
我有一个 if-else 语句，其中: 条件 1:ID 匹配并且自动填充某些字段。然后 if 语句只填充其余字段条件 2:ID 不匹配，所有字段均为空白。 ELSE 语句将它们全部填充当我使条件
javascript - 无法在 JSFIDDLE 中使用滚动魔法(第 1 部分，共 2 部分)
我正在开发一个单页滚动网站。我正在尝试实现 ScrollMagic 并固定第一部分，以便网站的其余部分滚动到固定部分的顶部。我尝试创建一个 jsfiddle 来显示问题，但我似乎无法让 jsfiddl
javascript - 既然有

首页

博学

6Ren·AI

商城

handlebars.js - Handlebars 模板中的多个部分