本文介绍如何在HTML页面中使用Thymeleaf语法进行元素属性和值的赋值，包括使用th:value、th:text和th:attr等表达式。同时，讲解了在JavaScript中使用Thymeleaf的正确方式，通过th:inline实现代码内联，提高代码可读性和执行效率。
一般在html页面中可以直接使用th:设置值或属性，th:value赋值元素的value，th:text赋值元素的text
th:attr可以设置元素的各种属性，这样赋值的前提是model中存在该属性
<input th:value="${user.age}" id="age"/>
<select>
<option value="1" th:text="男" th:attr="selected=${user.gender eq 1}"/>
</select>
在javascript中，也支持thymeleaf的语法，可以通过[[${user.name}]]取值，但是这样代码可读性较差一般不推荐。
如果直接在javascript中写[[${searchInfo.teacherNo}]]会将内容识别成一个变量，如果使用的话会说它的内容不是一个object
用法：将javascript加th标记th:inline=“javascript”
<script th:inline="javascript">
var name = [[${user.name}]]);
alert(name);
</script>
也可以在标签内赋值或父类标签上有该属性
<p>Hello, [[${user.name}]]!</p>
<p th:inline="text">Hello, [[${user.name}]]!</p>
<body th:inline="text">
<p>Hello, [[${user.name}]]!</p>
</body>
扫一扫
1226
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
