私は次のように動作する胸腺フラグメントを作成しようとしています:
<section th:fragment="alert(type)" th:class="${type ? 'alert-' + type : ''}"></section>
<div th:replace="alert(info)"></div>
<section class="alert-info"></section>
補間| alert-$ {type} |と連結 'alert-' + typeを試してみましたが、機能しません。助言がありますか?
Thymeleafフラグメントで、nullチェックを追加します。
<section th:fragment="alert(type)"
th:class="${type != null ? 'alert-' + type : ''}">
</section>
必要に応じて、わかりやすくするために、リテラルを一重引用符で囲みます。また、フラグメントに値を渡すときは、パラメーター名を使用することも好みます(これもオプションです)。
次の例では、alert_fragment.html
は私のテストフラグメントです。
<div th:replace="alert_fragment.html :: alert(type='info')"></div>
そしてnullの場合:
<div th:replace="alert_fragment.html :: alert(type=null)"></div>
サーバーからタイプ値を渡す場合、もちろん次のようになります。
<div th:replace="alert_fragment.html :: alert(type=${info})"></div>
結果のHTML:
<body>
<section class="alert-info"></section>
<section></section>
</body>
更新
アラートタイプが決してnullにならない場合は、フラグメントを次のように簡略化できます。
<section th:fragment="alert(type)" th:class="'alert-' + ${type}"></section>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加