可能かどうかは、チェックボックスを使用して非表示にしますか？

Question

私はこれにsimillarカラーフィルタを有する：

<input type="checkbox" id="orange" class="orange" value="orange"/>orange 
      <br/> 
      <input type="checkbox" id="peach" value="peach"/>peach 
      <br/> 
      <input type="checkbox" id="terracotta" value="terracotta"/>terracotta 
      <br/> 
      <input type="checkbox" id="coffee" value="coffee"/>coffee 
      <br/> 
      <input type="checkbox" id="browne" value="browne"/>browne 
      <br/> 
      <input type="checkbox" id="rose" value="rose"/>rose 
      <br/> 
      <input type="checkbox" id="red" value="red"/>red 
      <br/> 

Iは、DBから色をrecive。

<div th:each="model : ${allColor}"> 

          <span th:text="${model.color}"/> 

DBにないThymeleafを使用して色を非表示にすることはできますか？ たとえば、私はローズ、コーヒー、ピーチの色を持っていませんが、将来はこの色を使用します。私は色の検証をしたい、色がDBにある場合、ユーザーはUIのチェックボックスで、それ以外の場合はチェックボックスの非表示を見ることができます。私はth:ifとth:unlessについて読んでいます。 Thymeleafを使用してそれを作ることが可能かどうか？

私がやろう場合：それは働いていません

<input type="checkbox" th:if="${model.color==coffee}"id="coffee" value="coffee"/>coffee 

。

Answer 1

色を隠す代わりに、ループを使用して色のチェックボックスを作成する必要があります。このように：

<th:block th:each="model : ${allColor}" th:with="color=${model.color}"> 
    <input type="checkbox" th:id="${color}" th:class="${color}" th:value="${color}"/> <span th:text="${color}" /> 
    <br /> 
</th:block> 

元の試行がうまくいかなかった理由は、htmlの詳細を見ないとわかりにくいです。あなたはループしていなかったので、$ {model.color}が未定義であると思いますか？また、コーヒーの周りに引用符がありませんでした。 `$ {model.color == 'coffee'

このようなものもありますが、私はループをお勧めします。

<input th:if="${allColor.contains('orange')}" type="checkbox" id="orange" class="orange" value="orange"/>orange<br/> 
<input th:if="${allColor.contains('peach')}" type="checkbox" id="peach" value="peach"/>peach<br/> 
<input th:if="${allColor.contains('terracotta')}" type="checkbox" id="terracotta" value="terracotta"/>terracotta<br/> 
<input th:if="${allColor.contains('coffee')}" type="checkbox" id="coffee" value="coffee"/>coffee<br/> 
<input th:if="${allColor.contains('browne')}" type="checkbox" id="browne" value="browne"/>browne<br/> 
<input th:if="${allColor.contains('rose')}" type="checkbox" id="rose" value="rose"/>rose<br/> 
<input th:if="${allColor.contains('red')}" type="checkbox" id="red" value="red"/>red<br/>}`.