Q&A
マークダウンが対応できていません。
質問投稿前にプレビュー確認して調整してから投稿してください。
前提・実現したいこと
現状、Thymeleafを用いて、DBの情報からリストをth:eachにて自動生成しています。ここからさらに、各リスト項目にth:hrefでリンクを付与(URIもDBから取得)したいです。
発生している問題・エラーメッセージ
しかし、生成されたhtmlソースを確認するとhref属性が消えてしまいます。上記のような実装を目指す場合、どのように記述すればよいのでしょうか？
該当のソースコード
※以下あくまでサンプルです。
html
11.リスト表示のみのソース 2<ol> 3 <li th:each="item : ${itemList} th:text="${item}"> 4 </li> 5<ol> 6 7リスト表示とさらにリンクを付与するソース 8<ol> 9 <li th:each="item : ${itemList} th:text="${item}"> 10 <a href="◯◯" th:href="●●"></li> 11<ol>
あと、できれば、thymleafのコードだけではなく「目標とする出力結果のhtml」も提示してください。
thが優先されて上書きされるのは仕様通りなのですが、「結局どういう結果を望んでいるのか」がないとアドバイスしようがありません。
回答1件
0
ベストアンサー
th:text を使用した場合、そのタグ内の要素がすべて th:text の内容で置き換えられるため、現在の実装では a タグが消えてしまいます。
どのような html を表示することを求めているのかわかりませんが、まずは li タグから th:text を取り除く必要があります。
例えば、以下のようにすれば li タグ内に a タグが含まれた状態を繰り返し表示することができます。
html
1<ol> 2 <li th:each="item : ${itemList}> 3 <a th:href="●●" th:text="${item}"></a> 4 </li> 5<ol>
投稿2019/11/14 12:46
総合スコア270
ありがとうございます！
まさにそのようなコードを書きたかったんです！
こちらが求める完成形を明確化できていないにも関わらず、ズバリの回答をいただけました。
本当にありがとうございます！
あなたの回答
tips
プレビュー
