/Html/Thymeleaf optional fragment parameter

Thymeleaf optional fragment parameter


The best way to allow optional parameter for a fragment is to declare them with "th:with" and describe them with meaningful default values.

So, you define explicit your mandatory and your optional values in the declaration tag of your fragment.

Here is simple example, with 1 mandatory and 2 optional parameters:

<div th:fragment="printGreetings (name)" th:with="title=${title} ?: 'Mr.', greeting=${greeting} ?: 'Hello'">
    <span th:text="${greeting}">Hello</span>
    <span th:text="${title}">Mr.</span>
    <span th:text="${name}">John Doe</span>
</div>

You can then call it like the following:

<div th:replace="fragments :: printGreetings (name='daniel')">
   Hello Mr. Daniel
</div>
<div th:replace="fragments :: printGreetings (name='Lea', title='Ms.')>
   Hello Ms. Lea
</div>
<div th:replace="fragments :: printGreetings (name='Lea', title='Ms.', greeting='Hi')>
   Hi Ms. Lea
</div>

(Please note that all values inside the tags are replaced by the dynamic ones. It's just for better reading.)

Source: stackoverflow.com

Similar codes

21 votes154 views1 answer
Html tag for mobile view
Html
33 votes152 views5 answers
Input type file accept only images
Html
0 vote148 views1 answer
How to make a search engine in html
Html
0 vote184 views6 answers
Html ask for camera access
Html
42 votes169 views4 answers
Html single line comment
Html
3 votes162 views4 answers
Paragraph in html
Html
0 vote155 views1 answer
Html text editable property
Html
1 vote151 views1 answer
Confuse your browser in html
Html
0 vote153 views1 answer
Ckeditor 5 example codepen
Html
0 vote157 views1 answer
Express js search example
Html