0

我有一个我正在试验的基本按钮标签，我不确定为什么 Riot JS 没有呈现下面的内容。

如果我将“登录”包装在<span>标签中，它会正确呈现。

我希望因为我已经<script>在我的自定义 riot 标记中定义了我，所以它会将其评估为 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>
4

1 回答 1

0

要获得所需的结果，您可以<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

于 2016-07-04T01:02:39.063 回答