Riot.JS:HTML页面中标记内的标记

时间:2016-04-01 09:53:58

标签: web-component custom-tags riot.js riot riotjs

我是RiotJS的新手(昨天刚刚发现)。我只是尝试做一个不起作用的小实验。我创建了两个标记文件(navbar.tag和dropdown.tag)。每一个都很简单 - 只需一个带有文件名的h3标签:

// navbar.tag
<h3>Navbar</h3>


// dropdowntag
<h3>Dropdown</h3>

在我的index.html页面上,我想将下拉标记嵌套在navbar标记中,如下所示:

<navbar>
    <dropdown></dropdown>
</navbar>

这不起作用。导航栏显示,但不显示下拉列表。只有当我将两个标签分开时,两者都有效 - 即,像这样:

<navbar></navbar>
<dropdown></dropdown>

知道如何在html页面中嵌套不同的标签。我知道你可以将它们嵌入.tag文件中,但这不是我想要做的。我想要的是可以灵活地嵌套我在一个html页面上创建的自定义标签(就像我可以使用常规的html标签一样)。

有什么想法吗?

感谢。

1 个答案:

答案 0 :(得分:1)

您无法修改现有结构。 RiotJS使用此约束作为确保良好性能的优势。

要在现有代码中插入其他代码,请使用<yield/>

请参阅JSFiddle