当前位置: 首页 > 知识库问答 >
问题:

在Tymeleaf中使用data-*属性

刘辰钊
2023-03-14

正如我从thymeleaf文档中了解到的那样,我尝试了:

<div th:data-el_id="${element.getId()}"> <!-- doesn't work -->

<div data-th-el_id="${element.getId()}"> <!-- doesn't work -->

共有1个答案

蒋奇
2023-03-14

是的,th:attr用于拯救Thymeleaf文档-设置属性值。

对于您的场景,这应该完成以下工作:

<div th:attr="data-el_id=${element.getId()}">

XML规则不允许在标记中设置两次属性,因此同一个元素中不能有多个th:attr

<div th:attr="data-id=${element.getId()},data-name=${element.getN‌​ame()}"> 
 类似资料:
  • 但thymeleaf无法呈现它,因为div标记未在其启动的中关闭。有没有办法把上面的jsp代码转换成thymeleaf。 我正在使用thymeleaf 2.0.17和spring3

  • 问题内容: 我正在尝试在ASP.NET MVC 1项目中使用HTML5数据属性。(我是C#和ASP.NET MVC新手。) 上面的htmlAttributes中的“数据细节”给出以下错误: 当我使用data_details时,它可以工作,但是我想它必须按照规范以“ data-”开头。 我的问题: 是否有任何方法可以使此工作正常运行,并将HTML5数据属性与Html.ActionLink或类似的Ht

  • 问题内容: 我是Angular的新手,正在尝试了解前缀“ x-”和“ data-”的含义。在指令文档(http://docs.angularjs.org/guide/directive)中,这些前缀将使指令“符合HTML验证程序”。这到底是什么意思? 问题答案: HTML5规范允许使用任意属性,只要它们带有数据前缀即可,如下所示: 而这将是无效的HTML5: 有关数据属性的更多信息,请在此处查看。

  • 问题内容: 给定一个具有零个或多个属性的任意HTML元素,如何检索数据的键值对列表。 例如: 我希望能够以编程方式检索此: 使用jQuery(v1.4.3),如果事先知道键,则使用来访问数据的单个位很简单,但是使用任意数据集如何做到这一点并不明显。 我正在寻找一个“简单的”jQuery解决方案(如果存在),但不介意采用较低级别的方法。我可以尝试解析,但是缺少javascript-fu会让我失望。

  • 我有一个CSV文件,有3列,标记为ID,纬度,经度。我希望将CSV文件加载到Neo4j,并创建具有上述属性的节点。Location:属性应该是具有纬度和经度子属性的点数据类型。 CSV是: 如何格式化要导入为点类型的第二个属性?