title: How to use the <i> tag with ternary operator?
body: <p>I am trying to use the "i" tag with the ternary operator. The two strings "unavailable","available" are working perfectly, but instead of those, I want to use 2 icons like a check sign(fa fa-check) and an X sign(fa fa-times). </p>
  
  <p>Any help would be appreciated. </p>
  
  <pre><code>&lt;td th:text="${phone.assigned == true ? 'unavailable' : 'available'}" &gt;Availability&lt;/td&gt;
  
  &lt;td class="checkSign"&gt;&lt;i class="fa fa-check" aria-hidden="true"&gt;&lt;/i&gt;&lt;/td&gt;
  &lt;td class="xSign"&gt;&lt;i class="fa fa-times" aria-hidden="true"&gt;&lt;/i&gt;&lt;/td&gt;
  </code></pre>