当前位置: 首页 > 面试题库 >

Thymeleaf:如何使用条件条件动态添加/删除CSS类

张伯寅
2023-03-14
问题内容

通过使用
Thymeleaf

作为模板引擎,是否可以在div带有th:if子句的简单对象中动态添加CSS类/从中删除CSS类?

通常,我可以按如下方式使用条件子句:

<a href="lorem-ipsum.html" th:if="${condition}">Lorem Ipsum</a>

我们将创建到 lorem ipsum 页面的链接,但 前提 是条件子句为true。

我正在寻找不同的东西:我希望该块始终可见,但根据情况使用可更改的类。


问题答案:

也有th:classappend

<a href="" class="baseclass" th:classappend="${isAdmin} ? adminclass : userclass"></a>

如果isAdmintrue,则将导致:

<a href="" class="baseclass adminclass"></a>


 类似资料:
  • 通过使用Thymeleaf作为模板引擎,是否可以使用子句在简单的中动态添加/删除CSS类? 通常,我可以使用以下条件子句: 我们将创建指向lorem ipsum页面的链接,但前提是条件子句为true。 我在寻找一些不同的东西:我希望块总是可见的,但是根据情况可以改变类。

  • 如何从没有主键的表中删除满足几个条件的行?(实际上主键由每一列组成) 经过多次尝试后,我有了一段代码,它首先创建一个临时表,在其中插入我想删除的行,最后我尝试从原始表中删除那些与临时表相比符合条件的行。 但是它给了我一个关于不能链接几个部分标识符#temp.idCarga的错误 也许这很容易,但是我已经尝试了这么多时间,我无法正常集中注意力。

  • 本文向大家介绍aurelia 有条件地添加或删除HTML元素,包括了aurelia 有条件地添加或删除HTML元素的使用技巧和注意事项,需要的朋友参考一下 示例 与show.bind使用时不同,if.bind如果提供的绑定值是,则元素将从页面中删除;如果值为,则将元素false添加到页面中true。 分组元素 有时可能需要一次性添加或删除整组元素。为此,我们可以使用<template>元素来显示或

  • 问题内容: 当前的官方文档仅显示如何动态 更改 标签 内 的组件。 我想实现的是,让我们说我有3个部分组成:,,并具有以下选择: 再有6个按钮,这将增加或删除每个组件:,,和 当我单击时,该页面将添加到呈现它的页面中,因此该页面将包含: 然后,如果我单击两次,该页面现在将包含: 如果单击,该页面现在将包含所有这些组件: 可以在Angular中实现吗?请注意,这不是我要寻找的解决方案,因为它仅允许向

  • 主要内容:高级应用本文章将介绍Thymeleaf标准表达式语法中的概念。我们将使用和标记在模板中迭代显示产品列表,如果产品的价格大于100,则会显示:“特殊提供”。 编辑源代码以便将产品列表显示为表格行。已经将类的对象列表设置为具有变量名称的上下文模型(参考:中的实现)。 如果要上机实践,请参考:Thymeleaf+SpringMVC5示例项目。这里不再重复创建项目的过程,这里将只介绍如何使用标准表达式和标签。 这

  • 条件动作有助于您创建一个动作,该动作基于几种不同条件选择操作动作。 首先选择条件,然后选择性地指定文档满足条件时播放的动作。 然后,选择性地指定文档不满足条件时播放的动作。 要插入条件动作,请进入您正在录制或编辑的动作: 确保您将参考的动作位于相同的动作集中。 从动作面板菜单中选择插入条件。 在条件动作对话框中,从如果当前菜单中选择条件。 从则播放动作菜单和否则播放动作菜单中选择动作,然后单击确定