Riot.JS: Tag innerhalb Tag in HTML Seite

Question

Ich bin neu bei RiotJS (gerade erst gestern entdeckt). Ich habe gerade versucht, ein kleines Experiment zu machen, das NICHT funktioniert hat. Ich habe zwei Tag-Dateien erstellt (navbar.tag und dropdown.tag). Jeder war so einfach wie sein könnte - einfach ein h3-Tag mit dem Namen der Datei:

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


// dropdowntag 
<h3>Dropdown</h3> 

Auf meiner Seite index.html ich verschachteln mag den Drop-down-Tag in dem navbar Tag wie folgt:

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

Das funktioniert nicht. Navbar erscheint, aber nicht Dropdown. Nur wenn ich die beiden Schlagworte zu trennen tun beide arbeiten - das heißt, wie folgt aus:

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

Jede Idee, wie kann ich Nest verschiedene Tags innerhalb einer HTML-Seite. Ich weiß, dass Sie sie in .tag-Dateien verschachteln können, aber das ist nicht das, was ich tun möchte. Was ich will, ist die Flexibilität, benutzerdefinierte Tags zu verschachteln, die ich auf einer HTML-Seite erstelle (wie ich es mit normalen HTML-Tags machen kann).

Irgendwelche Ideen?

Danke.

Answer 1

Sie können die vorhandene Struktur nicht ändern. RiotJS verwendet diese Einschränkung als einen Vorteil, um eine gute Leistung sicherzustellen.

Um ein anderes Tag in das vorhandene Tag einzufügen, verwenden Sie <yield/>.

Siehe JSFiddle.