在 Marko 模板中使用 component/tag 内容
Use component/tag contents in Marko template
假设我想要一个包装其内容的组件(也称为子组件):
<article>
<header>${input.heading}</header>
<section> ... contents come here ... </section>
<article>
然后像这样使用它:
...
<my-article heading='Test'>
Lorem ipsum <s>dolor</s> sit amet
</my-article>
如何访问模板中的内容?
找到解决方案 - <include>
reusable/nested 内容:
<article>
<header>${input.heading}</header>
<section><include(input.body) /></section>
</article>
然后像这样使用它:
<my-article heading='Hello'>
<@body>Lorem ipsum dolor sit <u>amet</u></@body>
</my-article>
或者一个简单的解决方案:
<article>
<header>${input.heading}</header>
<section><include(input) /></section>
<article>
并使用:
<my-article heading='Test'>
Lorem ipsum <s>dolor</s> sit amet
</my-article>
假设我想要一个包装其内容的组件(也称为子组件):
<article>
<header>${input.heading}</header>
<section> ... contents come here ... </section>
<article>
然后像这样使用它:
...
<my-article heading='Test'>
Lorem ipsum <s>dolor</s> sit amet
</my-article>
如何访问模板中的内容?
找到解决方案 - <include>
reusable/nested 内容:
<article>
<header>${input.heading}</header>
<section><include(input.body) /></section>
</article>
然后像这样使用它:
<my-article heading='Hello'>
<@body>Lorem ipsum dolor sit <u>amet</u></@body>
</my-article>
或者一个简单的解决方案:
<article>
<header>${input.heading}</header>
<section><include(input) /></section>
<article>
并使用:
<my-article heading='Test'>
Lorem ipsum <s>dolor</s> sit amet
</my-article>