RiotJSは、クラス名とプロパティを使用し

Question

のテンプレートを以下の点を考慮してみましょう：

<ul class="clearfix"> 
    <li each={ timeslot, i in events } 
    class={ ??? } 
    data={ timeslot } 
    style="width: { timeslot.len*100 }px;">  
     <div>{ timeslot.start.format() }</div> 
     <div>{ timeslot.title }</div> 
    </li> 
</ul> 

私はクラス名として使用したい値の正確な同じセットを持っている私のtimeslotオブジェクトにstate性質を持っています。したがって、class={ timeslot.state }を使用するのは簡単です。しかし、クラスの評価方法は異なります。 この場合、式を避けてクラス名としてそのまま使用する方法はありますか？

ありがとうございます。 >では

Answer 1

にスクロールさまざまな方法でオブジェクトとして設定する場合、IE：class={foo: true, bar: false }は、各キーの値がtrue-ishかどうかに基づいて追加するクラス名のリストのように扱われます。

しかし、あなたはclass="{ timeslot.classname }"をすれば... - それは代わりに、文字列のように扱われ、出力がclass="whatever"あなたが探している...限りtimeslot.classnameが文字列であるようになります。

Answer 2

あなたは、あなたがやりたいだろうオブジェクトを作成することができます3.4.0： timeslot.state={SomeClass:true}

はhttp://riotjs.com/guide/#expressionsを参照してください、あなたは{}式を使用する場合、それは評価できるClass object expressions