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。