如何在 RiotJS 中将变量传递到我的 class、ID 或数据属性中？

Question

我似乎无法弄清楚如何将变量传递到自定义元素的 class、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

我的猜测，因为恐怕没有提供进一步的信息。

也许您只需要将选项分配给 self/this 以使其对视图可用。

self = this
self.opts = opts

如果参数正在改变：

self.on('update', function(){
  self.opts = opts
})

Answer 2

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

<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>

如何在 RiotJS 中将变量传递到我的 class、ID 或数据属性中？

How do I pass variables into my class, ID, or data attribute in RiotJS?

riot.js