[解決済み] Thymeleaf: 条件式を使ってCSSクラスを動的に追加/削除する方法
2022-10-25 10:13:32
質問
この問題を解決するために
タイムリーフ
に CSS クラスを動的に追加したり削除したりすることは可能ですか?
div
に、CSS クラスを動的に追加/削除することは可能でしょうか?
th:if
節があるのですか?
通常であれば、次のように条件節を使うことができますね。
<a href="lorem-ipsum.html" th:if="${condition}">Lorem Ipsum</a>
これから作成するリンクは lorem ipsum ページへのリンクを作成しますが、条件節が真である場合のみです。
私は何か違うものを探しています:私はブロックが常に表示されるようにしたいのですが、状況に応じてクラスを変更することができます。
どのように解決するのですか?
また
th:classappend
.
<a href="" class="baseclass" th:classappend="${isAdmin} ? adminclass : userclass"></a>
もし
isAdmin
が
true
であれば、このような結果になります。
<a href="" class="baseclass adminclass"></a>
関連
-
List list = new ArrayList(); Error: ArrayList は型に解決できません。
-
eclipse にリソースリーク:'in' が閉じない
-
org.xml.sax.SAXParseExceptionのエラー解決方法
-
switch case文のcaseの後の列挙定数は列挙型なし
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] プライベートメソッド、フィールド、インナークラスを持つクラスをテストするにはどうすればよいですか?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] CSSの三角形はどのように機能するのですか?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] CSSのクラス名/セレクタに使用できる文字は?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
java.sql.SQLException: executeQuery()でデータ操作文を発行できません。
-
javaの非静的メソッドを静的に参照することができない
-
ApplicationContextの起動エラーです。条件レポートを表示するには、アプリケーションを'de'で再実行します。
-
スレッド "main" での例外 java.lang.ArrayIndexOutOfBoundsException:5 エラー
-
が 'X-Frame-Options' を 'sameorigin' に設定したため、フレーム内に存在する。
-
無効な文字定数
-
FindBugの使用概要
-
XXX型を囲むインスタンスがJavaでアクセスできない
-
Java JDKのダイナミックプロキシ(AOP)の使用と実装の原理分析
-
ApiModel と @ApiModelProperty の使用法