Version 2.1 is released so now you can upgrade your libraries and use comments in your code. With this version developers are able to use parser-level comment blocks:

    &lt;!--/* This code will be removed at thymeleaf parsing time! */--&gt;

and prototype-only comment blocks:
    
    &lt;span&gt;hello!&lt;/span&gt;
    &lt;!--/*/
        &lt;div th:text=&quot;${...}&quot;&gt;

    &lt;/div&gt;
    /*/--&gt;
    &lt;span&gt;goodbye!&lt;/span&gt;

Detailed explanation can be found in the official documentation here: http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#comments-and-blocks

As mentioned [Rafal Borowiec][1] to comment block of HTML code you should use 

`&lt;!--/*`something to comment`*/--&gt;` construction (see [documentation][2]).

Also it is possible to comment/remove your javascript code using thymeleaf with

`/*[-` something to comment `-]*/` construction (see [documentation][3]). So you can annotate your js code without leaking any information

    /*[-
     *
     * Some information about function.
     *
     * -]*/
    function someFunction() {
        console.log(&#39;Hello world&#39;);
    }

  [1]: https://stackoverflow.com/users/718515/rafal-borowiec
  [2]: http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#thymeleaf-parser-level-comment-blocks
  [3]: http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#removing-code

With Thymeleaf 3.0, the currently working version was

	&lt;!--/*--&gt;
       this comment will be removed by thymeleaf on the template processing
    &lt;!--*/--&gt;

Other answers, for earlier thymeleaf versions, did not work by me. The current thymeleaf documentation is [here][1].


  [1]: https://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#comments-and-blocks

Prior to version 2.1 you can do this

    &lt;th:block th:if=&quot;${false}&quot;&gt;&lt;!--   ignore me  --&gt;&lt;/th:block&gt;

Its very ugly (the `th:block` needing a false `th:if`) but works.

It&#39;s not possible in current stable version of Thymeleaf. It&#39;s planned for version 2.1 as mentioned in [Thymeleaf Issue 10][1]


  [1]: https://github.com/thymeleaf/thymeleaf/issues/10

I am suddenly getting this error from jQuery :

&gt; Error: cannot call methods on dialog prior to initialization; attempted to call method &#39;close&#39;

**Plugins**

     &lt;script src=&quot;//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&quot;&gt;&lt;/script&gt;
     &lt;script src=&quot;http://code.jquery.com/ui/1.9.1/jquery-ui.js&quot;&gt;&lt;/script&gt; 

**jQuery code**   

I am getting those messages in the following function:

    $(document).ready(function() {
      if ($(&#39;#results&#39;).html().length != 0) {
        alert(&#39;has information&#39;);

        $(&#39;#dialog&#39;).dialog({
          modal: true,
          buttons: {
        	Ok: function() {
              // If I use $(this).dialog($(this)).dialog(&#39;close&#39;), the UI is displayed,
              // however I do not see the OK button and no errors 
        	  $(this).dialog(&#39;close&#39;);
            }
          }
        });
      } else {
        alert(&#39;has no data&#39;);
      }
    });

**HTML**

    &lt;div id=&quot;dialog&quot; title=&quot;Server Response&quot;&gt;
      &lt;p&gt;&lt;span class=&quot;${icon}&quot; style=&quot;float: left; margin: 0 7px 50px 0;&quot;&gt;&lt;/span&gt;
        &lt;label id=&quot;results&quot;&gt;${results}&lt;/label&gt;
      &lt;/p&gt;		
    &lt;/div&gt;


JQuery Error: cannot call methods on dialog prior to initialization; attempted to call method &#39;close&#39;

After using backbone for a couple of weeks I have realized that underscore defer ended up fixing many of the async issues I ran into regarding rendering various views. 
Can someone please help me understand exactly what underscore defer does and how is it different that $.ready() or other type of wait for dom to render functions. What are the down sides of using it ?


    _.defer = function(func) {
        return _.delay.apply(_, [func, 1].concat(slice.call(arguments, 1)));
    };


why does underscore defer fix so many of my issues?

I am using full stack Thymeleaf (spring mvc, security, layout dialect, webflow) in a mid-size web application. 
 
Ok..now that we put so much of code in the html templates it would be nice to include source code comments that don&#39;t get included in the generated HTML file.

How do we achieve that?

How to add source code comments in Thymeleaf templates that don&#39;t get included in generated HTML?

I am using full stack Thymeleaf (spring mvc, security, layout dialect, webflow) in a mid-size web application.
Ok..now that we put so much of code in the html templates it would be nice to include source code comments that don't get included in the generated HTML file.
How do we achieve that?

I have a text to render in three different possible colors using **thymeleaf**.

So the code I&#39;ve made so far to test the value is:

    th:if=&quot;${evaluation} &amp;gt; 50&quot;
    th:if=&quot;${evaluation} &amp;lt; 30&quot;

And that works well.

But the third test is for values between those two.
So I tried:

    th:if=&quot;(${evaluation} &amp;lt; 49) &amp;and; (${evaluation} &amp;gt; 29)&quot;

but it&#39;s not working, I&#39;ve got this error while parsing:

    org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as expression: &quot;(${evaluation} &lt; 49) &amp;and; (${evaluation} &gt; 29)&quot; (/property.html:41)

Of course, these lines are between tags since the first two are working properly.

Maybe the and operand is not correct, but the documentation of thymeleaf is not really explicit on those operands.

All ideas are welcome!


**Update:** I got the answer from the thymeleaf forum. The way to do it is:

    th:if=&quot;${evaluation &amp;lt; 49 and evaluation &amp;gt; 29}&quot;

Problem solved!

How to have multiple condition in an th:if tag using thymeleaf

I&#39;m having an issue when trying to concat multiple values in my template.
According to Thymeleaf [here][1] I should simply be able to + them together...

&gt; **4.6 CONCATENATING TEXTS**
&gt;
Texts, no matter whether they are literals or the result of evaluating variable or message
expressions, can be easily concatenated using the + operator:

    th:text=&quot;&#39;The name of the user is &#39; + ${user.name}&quot;


  [1]: http://www.thymeleaf.org/doc/Tutorial%20-%20Using%20Thymeleaf%2020130224.pdf

Here is an example of what I found works:

    &lt;p th:text=&quot;${bean.field} + &#39;!&#39;&quot;&gt;Static content&lt;/p&gt;
This however doesn&#39;t:

    &lt;p th:text=&quot;${bean.field} + &#39;!&#39; + ${bean.field}&quot;&gt;Static content&lt;/p&gt;

Logically, this should work but its not, what am I doing wrong?


----------
Maven:
&lt;!-- language: xml --&gt;

    &lt;dependency&gt;
        &lt;groupId&gt;org.thymeleaf&lt;/groupId&gt;
        &lt;artifactId&gt;thymeleaf-spring3&lt;/artifactId&gt;
        &lt;version&gt;2.0.16&lt;/version&gt;
        &lt;scope&gt;compile&lt;/scope&gt;
    &lt;/dependency&gt;

----------
Here is how I&#39;ve set my TemplateEngine and TemplateResolver up:
&lt;!-- language: xml --&gt;

    &lt;!-- Spring config --&gt;
    &lt;bean id=&quot;templateResolver&quot; class=&quot;org.thymeleaf.templateresolver.ClassLoaderTemplateResolver&quot;&gt;
	    &lt;property name=&quot;suffix&quot; value=&quot;.html&quot;/&gt;
	    &lt;property name=&quot;templateMode&quot; value=&quot;HTML5&quot;/&gt;
	    &lt;property name=&quot;characterEncoding&quot; value=&quot;UTF-8&quot;/&gt;
	    &lt;property name=&quot;order&quot; value=&quot;1&quot;/&gt;
	&lt;/bean&gt;
	&lt;bean id=&quot;templateEngine&quot; class=&quot;org.thymeleaf.spring3.SpringTemplateEngine&quot;&gt;
	 	&lt;property name=&quot;templateResolver&quot; ref=&quot;fileTemplateResolver&quot;/&gt;
	 	&lt;property name=&quot;templateResolvers&quot;&gt;
	 		&lt;list&gt;
	 			&lt;ref bean=&quot;templateResolver&quot;/&gt;
	 		&lt;/list&gt;
	 	&lt;/property&gt;
	&lt;/bean&gt;
----------
ThymeleafTemplatingService:
&lt;!-- language: lang-java --&gt;

	@Autowired private TemplateEngine templateEngine;
	.....
	String responseText = this.templateEngine.process(templateBean.getTemplateName(), templateBean.getContext());

AbstractTemplate.java:
&lt;!-- language: lang-java --&gt;

	public abstract class AbstractTemplate {
	  private final String templateName;
	  public AbstractTemplate(String templateName){
	    this.templateName=templateName;
	  }
	  public String getTemplateName() {
	    return templateName;
	  }
	  protected abstract HashMap&lt;String, ?&gt; getVariables();
	  public Context getContext(){
	    Context context = new Context();
	    for(Entry&lt;String, ?&gt; entry : getVariables().entrySet()){
	      context.setVariable(entry.getKey(), entry.getValue());
	    }
	    return context;
	  }
	}


Thymeleaf: Concatenation - Could not parse as expression

I have the following code in one of my controllers:

    @Controller
    @RequestMapping(&quot;/preference&quot;)
    public class PreferenceController {

        @RequestMapping(method = RequestMethod.GET, produces = &quot;text/html&quot;)
        public String preference() {
            return &quot;preference&quot;;
        }
    }

I am simply trying to test it using **Spring MVC test** as follows:

    @ContextConfiguration
    @WebAppConfiguration
    @RunWith(SpringJUnit4ClassRunner.class)
    public class PreferenceControllerTest {
    
    	@Autowired
    	private WebApplicationContext ctx;
    
    	private MockMvc mockMvc;
        @Before
    	public void setup() {
            mockMvc = webAppContextSetup(ctx).build();
        }
    
        @Test
    	public void circularViewPathIssue() throws Exception {
            mockMvc.perform(get(&quot;/preference&quot;))
                   .andDo(print());
    	}
    }

I am getting the following exception:

&gt; Circular view path [preference]: would dispatch back to the current
&gt; handler URL [/preference] again. Check your ViewResolver setup! (Hint:
&gt; This may be the result of an unspecified view, due to default view
&gt; name generation.)

What I find strange is that **it works fine when I load the &quot;full&quot; context configuration** that includes the template and view resolvers as shown below:

    &lt;bean class=&quot;org.thymeleaf.templateresolver.ServletContextTemplateResolver&quot; id=&quot;webTemplateResolver&quot;&gt;
        &lt;property name=&quot;prefix&quot; value=&quot;WEB-INF/web-templates/&quot; /&gt;
        &lt;property name=&quot;suffix&quot; value=&quot;.html&quot; /&gt;
        &lt;property name=&quot;templateMode&quot; value=&quot;HTML5&quot; /&gt;
        &lt;property name=&quot;characterEncoding&quot; value=&quot;UTF-8&quot; /&gt;
        &lt;property name=&quot;order&quot; value=&quot;2&quot; /&gt;
        &lt;property name=&quot;cacheable&quot; value=&quot;false&quot; /&gt;
    &lt;/bean&gt;

I am well aware that the prefix added by the template resolver ensures that there is not &quot;circular view path&quot; when the app uses this template resolver. 

But then how I am supposed to test my app using Spring MVC test?

How to avoid the &quot;Circular view path&quot; exception with Spring MVC test

I have some values in my database which can be null if they have not already been entered.

But when I use Thymeleaf in my html, it gives an error when parsing null values.

Is there any way to handle this?

Using Thymeleaf when the value is null

I am new to Thymeleaf and converting my Web page from JSP to Thymeleaf. I have a strut tag like this:
 
    &lt;c:set var=&quot;someVariable&quot; value=&quot;${someValue}&quot;/&gt;

That variable can be used anywhere in JSP. Is there any such alternatives for this in Thymeleaf?

Content Type	Original Author	Original Content on Stackoverflow
Question	user1020598	View Question on Stackoverflow
Solution 1 - Thymeleaf	Rafal Borowiec	View Answer on Stackoverflow
Solution 2 - Thymeleaf	ytterrr	View Answer on Stackoverflow
Solution 3 - Thymeleaf	peterh	View Answer on Stackoverflow
Solution 4 - Thymeleaf	reevesy	View Answer on Stackoverflow
Solution 5 - Thymeleaf	michal.kreuzman	View Answer on Stackoverflow

How to add source code comments in Thymeleaf templates that don't get included in generated HTML?

Thymeleaf Problem Overview

Thymeleaf Solutions

Solution 1 - Thymeleaf

Solution 2 - Thymeleaf

Solution 3 - Thymeleaf

Solution 4 - Thymeleaf

Solution 5 - Thymeleaf

why does underscore defer fix so many of my issues?

JQuery Error: cannot call methods on dialog prior to initialization; attempted to call method 'close'

Attributions