Question

我想通过比较两个属性来有条件地设置元素样式。

URL参数“ customerID”

http://localhost:8080/home?customerID=3

模型属性

th：each =“客户：$ {customers}”

如果这两个参数相等，我想更改按钮的背景。我在百里香中使用内联样式。

th:style="${param.customerID == customer.id ? 'background-color:green' : 'background-color:red'}"

，但是即使两个参数相等，条件的结果也始终为false。

    <div class="user-list">
    <div class="active-btn-group" id="active-button-group" th:each=" customer : ${customers}">

        <p th:text="${param.customerID}">Test</p>
        <p th:text="${customer.id}">Test</p>
        <button th:id="${customer.id}" th:style="${param.customerID == customer.id ? 'background-color:green' : 'background-color:red'}">

        </button>
    </div>
</div>

如何更改关于内联格式的表达式？

Answer 1

我认为存在类型转换问题。您会喜欢下面的th:style="${#strings.equals(#strings.toString(param.customerID), #strings.toString(customer.id))?'background-color:green' : 'background-color:red' }

吗？

具有百里香属性的条件内联格式

1 个答案: