riot.js - 如何在 RiotJS 中将变量传递到我的类、ID 或数据属性中？

Question

我似乎无法弄清楚如何将变量传递到自定义元素的类、ID 或数据属性中。

<ub-item class="item cssV2 { opts.status }" id="{ opts.id }" data-link="{ opts.url }">

opts.status、opts.id 和 opts.url 如果我在像 <p> 这样的元素中传递它们，它们都可以工作，但是如何将变量传递到属性中呢？ HTML 输出包括它们作为字符串。

Answer 1

将在标签中使用的变量应使用以下方法创建:

<mytag>
 <p class="{ myclass: show }" id="{ myid }" data-link="{ mydata }">Example</p>

 <script>
   this.mydata = 'foo'
   this.myid = 'bar'
   this.show = true
 </script>
</mytag>

这将呈现为:

 <mytag>
  <p class="myclass" id="bar" data-link="foo">Example</p>
 </mytag>