Thymeleaf表达式在JavaScript如何使用？

最新推荐文章于 2023-09-16 08:30:00 发布

m努力努力再努力

最新推荐文章于 2023-09-16 08:30:00 发布

阅读量3.9k

点赞数 1

分类专栏： java开发前端学习文章标签： thymeleaf在js js使用thymeleaf

本文链接：https://blog.csdn.net/m_Tenderness/article/details/91961470

版权

java开发同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

前端学习

2 篇文章 0 订阅

订阅专栏

一般在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>

m努力努力再努力

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
Thymeleaf表达式在JavaScript如何使用？

一般在html页面中可以直接使用th:设置值或属性，th:value赋值元素的value，th:text赋值元素的textth:attr可以设置元素的各种属性，这样赋值的前提是model中存在该属性 <input th:value="${user.age}" id="age"/> <select> <option value="1" th:text="男"...
复制链接

扫一扫