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

为什么Riot JS将此评估为javascript

1 个答案: