Setting thymeleaf variable using th:inline always sets the variable to null

Question

I want to make a javascript variable that I can use with th:if in thymeleaf.

What I did:

<script th:inline="javascript">
/*<![CDATA[*/

    var variable = /*[[${variable}]]*/ 'value';
    console.log(variable); //prints 'null'

/*]]>*/
</script>

When I check the page source this is how the page is rendered:

<script>
/*<![CDATA[*/

    var variable = null;
    console.log(variable);

/*]]>*/
</script>

Why variable is constantly being set to null?

Can you please add the coresponding controller-snippet to the question? — Flocke
– Flocke, Commented Aug 24, 2018 at 14:10
If variable is null, it means Thymeleaf is doing it's job (replacing /*[[${variable}]]*/ 'value' with the contents of ${variable}) but that you likely haven't added ${variable} to the model. You have a misspelling, or you really are setting ${variable} to null. — Metroids
– Metroids, Commented Aug 24, 2018 at 14:53
@Metroids Oh, I have to add variable to the model in controller? I am pretty sure that I didn't do that. I'll give it a try later since I don't have the access to project from home. Thanks. — Gavrilo Adamovic
– Gavrilo Adamovic, Commented Aug 24, 2018 at 15:05
@Metroids That was it, if you want to, post an answer. Thanks again. — Gavrilo Adamovic
– Gavrilo Adamovic, Commented Aug 27, 2018 at 17:26

Metroids · Accepted Answer · 2018-08-27 18:15:07Z

1

If you're getting var variable = null; in the source, that means Thymeleaf is doing it's job -- replacing /*[[${variable}]]*/ 'value' with the contents of ${variable}. Since it's null, you:

Haven't added ${variable} to the model.
Misspelled variable somewhere.
Added ${variable} to the model as null.

answered Aug 27, 2018 at 18:15

Metroids

20.6k4 gold badges49 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Setting thymeleaf variable using th:inline always sets the variable to null

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related