Скрыть тег привязки в соответствии с if

Question

Я хочу скрыть содержимое в <a></a>, если userTempory.recordStatus == == 'REJECTED', ниже вы можете увидеть, что пытались. но это не работает.

<td class="actions">
   <a class="btn-sm btn-default editBtn" th:if="${userTempory.recordStatus} == 'REJECTED' ? 'd-none' : ''"
      th:data-url="${userTempory.userName}"><i
          class="fas fa-pencil-alt"></i>Edit</a>
</td>

Как это сделать?

Answer 1

Использование th:classappend

<td class="actions">
   <a class="btn-sm btn-default editBtn" th:classappend="${userTempory.recordStatus == 'REJECTED' ? 'd-none' : ''}" th:data-url="${userTempory.userName}"><i
       class="fas fa-pencil-alt"></i>Edit</a>
</td>

Answer 2

Первое, что вы используете th: если неправильно. Это гарантирует, будет ли элемент показан условно или нет. В вашем случае вы пытаетесь использовать его как троичный оператор.

, просто чтобы помочь в этом, пожалуйста, посмотрите на эту ссылку

Я не знаюдля чего d-none? Если я предполагаю, что это часть значения класса, то для исправления вашего кода может быть сделано следующее:

<td class="actions">
   <a class="btn-sm btn-default editBtn ${userTempory.recordStatus == 'REJECTED' ? 'd-none' : ''}"
      th:data-url="${userTempory.userName}"><i
          class="fas fa-pencil-alt"></i>Edit</a>
</td>

Итак, в основном выше используется язык выражений thymleaf для условного решения.