Riot.JS：HTML 页面中标签内的标签

Question

我是 RiotJS 的新手（昨天才发现）。我只是试着做一个没有用的小实验。我创建了两个标签文件（navbar.tag 和 dropdown.tag）。每一个都尽可能简单——只需一个带有文件名的 h3 标签：

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


// dropdowntag
<h3>Dropdown</h3>

在我的 index.html 页面上，我想将下拉标签嵌套在导航栏标签中，如下所示：

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

那行不通。导航栏显示，但不下拉。仅当我将两个标签分开时，两者都可以工作 - 即，像这样：

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

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

有什么想法吗？

谢谢。

Answer 1

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

要将另一个标签插入现有标签，请使用<yield/>。

见JSFiddle。