javascript - Handlebars 部分在部分内部-6ren

javascript - Handlebars 部分在部分内部

转载作者：行者123 更新时间：2023-11-30 14:40:53

24

4

我正在构建一个站点，我想在其中为大多数页面(但不是全部)设置一个布局包装器。我正在尝试做的是将部分内容用于布局包装器，然后将其他内容部分传递到此主布局中。

layout.hbs的内容

<!DOCTYPE html>
<html>
    {{> head }}
    <body>
        {{> nav}}
        {{ content }}
    </body>
</html>

然后在somefile.hbs

{{> layout myPartial.hbs}}

我正在使用 gulp 渲染我的 Handlebars 模板。

如果我将标记直接传递到 layout.hbs 中，我可以使它正常工作，但我想做的是将另一个部分文件的内容传递到布局包装器中。

{{> layout content="<div>foo</div>"}} // Renders ok

还有其他方法可以实现全局布局包装器吗？

最佳答案

我能够使用 dynamic partial lookup syntax 来实现它.

layout.hbs的内容

<!DOCTYPE html>
<html>
    {{> head }}
    <body>
        {{> nav}}
        {{> (lookup . 'partial') }}
    </body>
</html>

someFile.hbs 的内容

// Allows me to hit http://w.x.y.z/someDir/someFile
{{> layout partial='someDir/_someFile'}}

someDir/_someFile.hbs 的内容

// Content injected into the layout and can include nested layouts
<h1>Some content I want to render</h1>

关于javascript - Handlebars 部分在部分内部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49681560/

24

4

0

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 - 既然有