th:insert,th:replace,th:include的区别

本文详细介绍了Thymeleaf模板引擎中的th:insert、th:replace和th:include三种指令的用法,并通过实例展示了它们的区别。th:insert将选择的节点插入目标位置;th:replace则替换目标位置的原有节点;而th:include则是将节点内容插入到目标位置。
摘要由CSDN通过智能技术生成

Thymeleaf中,可以使用th:insertth:replaceth:include三种方式插入模板片段,下面通过例子对三种方式进行比较:

准备片段页面footer.html

<span th:fragment="copy">Footer Text</span>

在页面中使用三种方式插入模板片段:

<div th:insert="~{footer.html::copy}"></div>
<div th:replace="~{footer.html::copy}"></div>
<div th:include="~{footer.html::copy}"></div>

结果:

<div><span>Footer Text</span></div>
<span>Footer Text</span>
<div>Footer Text</div>

因此:
th:insert会将选择到的span节点插入到div中;
th:replace会将原来的div节点替换为span节点;
th:include会将span节点的内容(包括子节点)插入到div中。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值