thymeleaf中的内联[ [ ] ]
来源:互联网 发布:js注入 编辑:程序博客网 时间:2024/06/05 16:50
一.文本内联
[[…]]之间的表达式在Thymeleaf被认为是内联表达式,在其中您可以使用任何类型的表达式,也会有效th:text属性。
<p>Hello, [[${session.user.name}]]!</p>
等同于:
<p>Hello, <span th:text="${session.user.name}">Sebastian</span>!</p>
为了让内联工作,我们必须激活它使用th:inline
属性,它有三个可能的值或模式(text
, javascript
和 none
)。让我们试着文本:
<p th:inline="text">Hello, [[${session.user.name}]]!</p>
如果不使用th:inline="text",则会被当做字符串显示。th:inline="javascript"表示能在js中使用[ [] ]取值。
标签的th:inline不需要包含内联的一个表达式,任何父标签都行,例如如下也是可以的:
<body th:inline="text"> ... <p>Hello, [[${session.user.name}]]!</p> ...</body>
二.脚本内联
Thymeleaf提供一系列的“脚本”的内联模式功能,这样你就可以将你的数据在脚本中创建一些脚本语言。
我们可以做的第一件事,写脚本内联表达式的值到我们的脚本。
<script th:inline="javascript"> var user = [[${user.username}]]; alert(user);</script>
<script th:inline="javascript"> var msg = 'Hello, ' + [[${user.username}]]; alert(msg);</script>
只要加入th:inline="javascript"在js代码中才能使用[ [] ]
0 0
- thymeleaf中的内联[ [ ] ]
- thymeleaf中的内联[ [ ] ]
- using thymeleaf之十一内联
- thymeleaf中的模板布局
- Thymeleaf中的迭代
- thymeleaf中的模板布局
- thymeleaf中的日期格式化
- thymeleaf中的fragment使用
- java鬼混笔记:springboot之thymeleaf 6:内联模式
- thymeleaf中的th:each用法
- thymeleaf中的条件判断用法
- thymeleaf中的th:assert用法
- thymeleaf中的th:remove用法
- Thymeleaf中的context对象-原标题:Context Objects in Thymeleaf
- Thymeleaf
- thymeleaf
- thymeleaf
- Thymeleaf
- Android ble开发介绍-4
- swift3.0更新
- 将 Qt 程序 部署在Windows10 IOT上。
- Python网站整理
- Mysql order by语句未使用索引的思考
- thymeleaf中的内联[ [ ] ]
- thymeleaf比较符号问题
- Hive数据仓库--HiveQL查询
- sql for xml path用法
- 【JZOJ4804】【NOIP2016提高A组模拟9.28】成绩调研
- C++数据类型转换
- 网络技术—本地用户和组课堂笔记
- yesgeta
- iOS NSCache 用法