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>