I am using thymeleaf with ember framework, but its not identifying, thymeleaf tags, such as button,input and gives an error as button is not closed.
<button {{action 'doneEditing'}}>Done</button>.
I am using thymeleaf with ember framework, but its not identifying, thymeleaf tags, such as button,input and gives an error as button is not closed.
<button {{action 'doneEditing'}}>Done</button>.
I had a similar problem where I had to implement the following:
<script type="text/x-handlebars" data-template-name="requests">
<ul>
<li {{bind-attr class="isFailure:failure"}}>
</li>
</ul>
</script>
I ended up rewriting this as:
<script type="text/x-handlebars" data-template-name="requests" th:inline="text">
<ul th:with="open='<li {{bind-attr class=\'isFailure:failure\'}}>',close='</li>'">
[[${open}]]
[[${close}]]
</ul>
</script>
taking advantage of ThymeLeaf’s inlining capabilities.
I agree that this workaround is a pain in a large application where similar code has to be written multiple times. I will open an issue for the ThymeLeaf team to suggest if this can be fixed within ThymeLeaf somehow.