Thymeleaf：如何使用条件动态添加/删除CSS类
通过使用Thymeleaf作为模板引擎，是否可以使用th:if子句在简单的div中动态添加/删除CSS类？
通常，我可以使用以下条件子句：
<a href="lorem-ipsum.html" th:if="${condition}">Lorem Ipsum</a>
我们将创建指向lorem ipsum页面的链接，但前提是条件子句为true。
我在寻找一些不同的东西：我希望块总是可见的，但是根据情况可以改变类。
共有3个答案
为此，如果我没有布尔变量，我使用以下：
<li th:class="${#strings.contains(content.language,'CZ')} ? active : ''">
是的，可以根据情况动态更改CSS类，但不能使用th： if。这是用elvis运算符完成的。
<a href="lorem-ipsum.html" th:class="${isAdmin}? adminclass : userclass">Lorem Ipsum</a>
还有th： class append。
<a href="" class="baseclass" th:classappend="${isAdmin} ? adminclass : userclass"></a>
如果isAdmin为true，则这将导致：
<a href="" class="baseclass adminclass"></a>
-
问题内容： 通过使用 Thymeleaf 作为模板引擎，是否可以在带有子句的简单对象中动态添加CSS类/从中删除CSS类？ 通常，我可以按如下方式使用条件子句： 我们将创建到 lorem ipsum 页面的链接，但 前提 是条件子句为true。 我正在寻找不同的东西：我希望该块始终可见，但根据情况使用可更改的类。 问题答案： 也有。 如果为，则将导致：
-
问题内容： 我正在尝试添加/删除表行。 这是我的代码： HTML表格 JavaScript 现在，如您所见，在我的表格中，我有文本字段和按钮。我想要的是： 仅重复行的结构。我现在无法执行此操作，因为innerHTM仅接收文本。如何插入文本框或标签？ 文本字段的ID也应该不同，因为稍后我将检索这些值以将其放入数据库中。 我想放置一个函数以增加POI的数量 有人可以帮我吗？ 问题答案： 您可以仅克隆具
-
问题内容： 我正在使用 jQuery* 更改 CSS ，并希望根据输入值删除要添加的样式： * 我怎样才能做到这一点？ 请注意，只要使用颜色选择器选择了颜色（即，当鼠标移至色轮上时），以上行就会运行。 第二注：我不能这样做，因为它将从 CSS* 文件中删除默认样式。 我只想删除 jQuery添加的内联样式。 * 问题答案： 将属性更改为空字符串似乎可以完成此工作：
-
问题内容： 当前的官方文档仅显示如何动态 更改 标签 内 的组件。 我想实现的是，让我们说我有3个部分组成：，，并具有以下选择： 再有6个按钮，这将增加或删除每个组件：，，和 当我单击时，该页面将添加到呈现它的页面中，因此该页面将包含： 然后，如果我单击两次，该页面现在将包含： 如果单击，该页面现在将包含所有这些组件： 可以在Angular中实现吗？请注意，这不是我要寻找的解决方案，因为它仅允许向
-
我有一个导航菜单，显示一组来自单击主题的注释。便笺可以是类（如果它是可见的），也可以是类（如果它是隐藏的）。我只想从点击的主题中显示注释。 问题是，其他主题的一些注释也在展示。即使的长度始终为2。 我是JavaScript新手，所以可能我的循环中有错误？提前致谢：） null null
-
问题内容： https://jsfiddle.net/techboy0007/j1eas924/ https://i.stack.imgur.com/KXFot.png 问题答案： 您可以通过反应状态来实现。在您的情况下，您正在使用嵌套对象，因此在更新它们时需要格外小心。 突变您的想法不是一个好主意，因为它很容易导致错误或意外行为。 仔细查看这些功能的工作方式。 在这里，您有一个现场演示。 PD：