首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Marko页眉和页脚包括

Marko页眉和页脚包括
EN

Stack Overflow用户
提问于 2018-03-13 03:21:29
回答 1查看 391关注 0票数 0

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

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

代码语言:javascript
复制
<lasso-page />
<!DOCTYPE html>
<html>
    <head>
        <lasso-head />
    </head>
    <body>
        <nav>...</nav>

components/main-footer/index.marko是:

代码语言:javascript
复制
    <footer>...</footer>
    <lasso-body />
  </body>
</html>

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

代码语言:javascript
复制
<main-header />
    //component content
<main-footer />

但是,我得到了Missing ending "body" tag用于main-header的一个错误,因此显然不允许使用类似语法的EJS-部分。是否有更好的方法来做到这一点,而不需要在每个index.marko路由处理程序的中呈现一个文件?

EN

回答 1

Stack Overflow用户

发布于 2018-03-22 06:07:23

下面是关于使用布局的文档:https://markojs.com/docs/core-tags/#layouts-with-nested-attributes

文档提到使用@tags来传递命名的内容块(如果您想要将一些内容放入<head>中,而将其他内容块传递到<body>中),但是如果您只有一个内容块要传递,则可以使用默认内容块。

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

代码语言:javascript
复制
<html>
<body>
    <include(input.renderBody)/>
</body>
</html>

然后使用布局,传递正文内容:

代码语言:javascript
复制
<custom-layout>
    Content goes here
</custom-layout>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49247795

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档