2016-04-01 12 views
0

RiotJSを初めて使用しました(昨日発見したばかりです)。私はちょうど動作しなかった少しの実験をしようとしました。私は2つのタグファイル(navbar.tagとdropdown.tag)を作成しました。私はこのような巣にナビゲーションバータグ内のドロップダウンタグをしたいRiot.JS:HTMLページ内のタグ内のタグ

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


// dropdowntag 
<h3>Dropdown</h3> 

私のindex.htmlページの場合:

ファイルの名前で、単にH3タグ - 一人一人がかもしれないほど単純でした
<navbar> 
    <dropdown></dropdown> 
</navbar> 

これは動作しません。 Navbarが表示されますが、ドロップダウンは表示されません。私は2個のタグを分離する場合にのみ、両方の仕事をする - すなわち、このように:

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

任意のアイデアをどのようにすることができ、HTMLページ内に巣異なるタグが。私はあなたが.tagファイルの中にそれらを入れ子にすることができますが、それは私がしたいことではありません。私が望むのは、(通常のhtmlタグでできるような)htmlページに作成するカスタムタグをネストする柔軟性です。

アイデア?

ありがとうございました。

答えて

1

既存の構造を変更することはできません。 RiotJSは、この制約を優れたパフォーマンスを確保するためのメリットとして使用します。

既存のタグに別のタグを挿入するには、<yield/>を使用します。

JSFiddleを参照してください。