Riot JSがこれをjavascriptとして評価しているのはなぜですか？

Question

私は実験中の基本的なボタンタグを持っています。なぜRiot JSが以下のものをレンダリングしていないのかわかりません。

<span>タグで「ログイン」をラップすると、正しくレンダリングされます。

私は自分のカスタム乱用タグの中に自分の<script>を定義していたので、それをHTMLとして評価すると思います。代わりに私のブラウザにLogin is not definedエラーが発生します。

HTMLとしてレンダリングしたい場合や、何か不足している場合は、このテキストをエスケープする必要がありますか？

<login-button class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent"> 

    Login 

    <script type="coffee"> 

    @hello = 'world' 

    </script> 

</login-button> 

Answer 1

希望の結果を得るには、カスタムタグ内に<yield/>タグを使用できます。

<login-button class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent"> 

    <yield/> 

    <script type="coffee"> 

    @hello = 'world' 

    </script> 

</login-button> 

次にあなたがタグを呼び出している、あなたの希望のテキストを追加しますすなわち：

<login-button> 
    Login Button Text 
</login-button> 

参考：http://riotjs.com/api/#a-nameyielda-yielding-nested-html