Marko 页眉和页脚包括答案

【问题标题】：Marko Header and Footer IncludesMarko 页眉和页脚包括
【发布时间】：2018-08-21 05:09:22
【问题描述】：

我有两个 Marko 组件，每当它们在 Express 服务器上呈现时，我想将它们包含在其他组件中：<main-header/> 和 <main-footer />。

components/main-header/index.marko如下：

<lasso-page />
<!DOCTYPE html>
<html>
    <head>
        <lasso-head />
    </head>
    <body>
        <nav>...</nav>

而components/main-footer/index.marko 是：

    <footer>...</footer>
    <lasso-body />
  </body>
</html>

我想在特定路线上呈现的页面如下所示：

<main-header />
    //component content
<main-footer />

但是，对于main-header，我收到Missing ending "body" tag 的错误，因此显然不允许使用这种类似EJS-partials 的语法。有没有更好的方法来做到这一点，而无需在每个路由处理程序中呈现单个 index.marko 文件？

【问题讨论】：

【解决方案1】：

文档提到使用@tags，它允许传递命名的内容块（如果你想把一些东西放到<head> 和其他东西到<body>），但如果你只有一个内容块要传递，你可以使用默认内容。

您可以创建一个使用<include> 标签来呈现传递给它的内容的布局：

<html>
<body>
    <include(input.renderBody)/>
</body>
</html>

然后使用布局，传递正文内容：

<custom-layout>
    Content goes here
</custom-layout>

【讨论】：