thymeleaf中的内联[ [ ] ]

一.文本内联

[[…]]之间的表达式在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代码中才能使用[ [] ]

thymeleaf中的内联[ [ ] ]相关推荐

Iar环境c语言调用汇编函数,如何在IAR EWARM中通过内联汇编程序在另一个模块中调用C函数？...
我在硬故障处理程序中有一些程序集.程序集基本上是为了传递当前堆栈指针作为参数(在R0中).它看起来像这样...如何在IAR EWARM中通过内联汇编程序在另一个模块中调用C函数? __asm(&quo ...
C++中的内联函数inline
1.Cpp中的内联函数内联函数是通常与类一起使用.如果一个函数是内联的,那么在编译时,编译器会把该函数的代码副本放置在每个调用该函数的地方.对内联函数进行任何修改,都需要重新编译函数的所有客户端,因 ...
go 基准测试找不到函数_Go 中的内联优化 | Linux 中国
本文讨论 Go 编译器是如何实现内联的,以及这种优化方法如何影响你的 Go 代码.https://linux.cn/article-12176-1.html作者:Dave Cheney译者:Xiaob ...
在Visual C++ 中使用内联汇编
一. 优点使用内联汇编可以在 C/C++ 代码中嵌入汇编语言指令,而且不需要额外的汇编和连接步骤.在 Visual C++ 中,内联汇编是内置的编译器,因此不需要配置诸如 MASM 一类的独立汇编工 ...
C++中的内联函数inline总结
C++中的内联函数inline总结标签: c++编译器vector编程汇编windows 2011-08-26 21:46 13982人阅读评论(8) 收藏举报分类: c/c++进行时(28) ...
浅析MATLAB中的内联函数、匿名函数和函数函数
内联函数内联(inline)函数是MATLAB 7以前经常使用的一种构造函数对象的方法.在命令窗口.程序或函数中创建局部函数时,通过使用inline构造函数,而不用将其储存为一个M文件,同时又可以像 ...
java内联_JAVA中的内联函数
在说内联函数之前,先说说函数的调用过程. 调用某个函数实际上将程序执行顺序转移到该函数所存放在内存中某个地址,将函数的程序内容执行完后,再返回到转去执行该函数前的地方.这种转移操作要求在转去前要保护 ...
在 VC++ 中使用内联汇编
From:https://blog.csdn.net/root19881111/article/details/8450266 VC++内联汇编(MSDN相关内容完整翻译):http://www.cp ...
须使用visual c 内联汇编语言开发,在VisualC 中使用内联汇编
在VisualC 中使用内联汇编 2008-04-09 04:08:57来源:互联网阅读 () 一.内联汇编的优缺点因为在Visual C 中使用内联汇编不需要额外的编译器和联接器,且可以处理Vi ...

thymeleaf中的内联[ [ ] ]

thymeleaf中的内联[ [ ] ]相关推荐

最新文章

热门文章