###前提・実現したいこと
以下の例のような形で、要素に対して条件に合わせて数種類のクラスを付与したいです。
↓Thymeleaf上
html
1<div th:classappend="${data.isYasai()} ? 'yasai':''" th:classappend="${data.isGreen()} ? 'green':''" th:classappend="${data.isOishii()} ? 'Oishii':''">かぼちゃ</div>
↓理想としてる実行結果
html
1<div class='yasai green Oishii'>かぼちゃ</div>
上記のものをそのままThymeleaf上で動かすと、最後のth:classappendのみ反映されてclass='Oishii'しか出力されませんでした。
一応以下のような形で複数付けられたのですがわかりづらいような気がして改善できないかと思い質問させていただきました。
html
1<div th:classappend="${data.isYasai()} ? (${data.isGreen()} ? (${data.isOishii()}):'yasai green Oishii'):(${data.isGreen()} ? (${data.isOishii()})? 'green':'green Oishii') : (${data.isOishii()}?'Oishii':'') ">かぼちゃ</div>
なにか複数のクラスを付ける簡単な方法はありませんか
###試したこと
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/06/06 11:11