twig if Term ID is something, then do something

Question

I have a taxonomy called Fish and 2 terms in it. Bass and Gold. I have a term reference field on a Page node, and its a select list. The editor can select either Bass or Gold. And I want display something depending on what the user selects. I cannot get it to work. This is what I have tried. Below the Bass tid is '1'.

{% if node.field_term_reference.value == '1' %}
  <p>The value is Bass</p>
{% else %}
  <p>The value is Gold</p>
{% endif %}

Below I am outputting the string value bass.

{% if node.field_term_reference[0]['#title'] == "bass" %}
  <p>The value is Bass</p>
{% else %}
  <p>The value is Gold</p>
{% endif %}

Both of these return "The value is Gold" I tried this also

{% if node.field_term_reference.label == "bass" %}
 <p>The value is Bass</p>
{% else %}
 <p>The value is Gold</p>
{% endif %}

What if you want to add multiple terms and use AND OR "bass" and "finch".

{% if node.field_term_reference.entity.label == "bass" and or "finch" %}

How would it be written?

Answer 1

The original question is how to use the term id in a twig condition. You find the term id in the property target_id of the reference field:

{% if node.field_term_reference.target_id == '1' %}
  <p>The value is Bass</p>
{% else %}
  <p>The value is Gold</p>
{% endif %}

Answer 2

It's because the value of node.field_term_reference[0]['#title'] in reality it's <div class="something">bass</div>; therefore, your condition is false every time. Same for the other two.

Thus, in your condition you need to get the raw (no markup) value of the field. See How do I get the raw field value in a template?

This should work:

{% if content.field_term_reference.0 == '1' %}
  <p>The value is Bass</p>
{% else %}
  <p>The value is Gold</p>
{% endif %}

Answer 3

I found the answer here if anyone needs it.

{% if node.field_term_reference.entity.label == "bass" %}
 <p>The value is Bass</p>
{% else %}
 <p>The value is Gold</p>
{% endif %}