Жидкая логика если / еще

Question

Как бы я удалил трубу (|) из жидкостной логической метки?У меня есть div, содержащий жидкую логику, которая вытягивает до 3 телефонных номеров, за которыми следует | в конце каждого телефонного номера, чтобы отделить их.Если у пользователя есть только один номер телефона, он хочет удалить канал (|) или тег " |  ".

<div class="phones">

      <p>{% if user.settings.phone_office %}<span 
          class="red">O</span>&nbsp;   <br />  
          {{user.settings.phone_office}}&nbsp;| &nbsp;
         {% endif %}

         {% if user.settings.phone_cell %}<span
         class="red"> C</span>&nbsp; 
         {{user.settings.phone_cell}}&nbsp;| &nbsp;
         {% endif %}

         {% if user.settings.phone_fax %}<span 
         class="red">F</span>&nbsp;{{user.settings.phone_fax}}
         {% endif %}</p>
 </div>

Answer 1

Вместо того, чтобы ставить " |  " в конце каждого элемента, поставьте его в начале.Разделитель будет отображаться только при наличии нового номера.Ниже приведен пример:

<div class="phones">
    <p>
        {% if user.settings.phone_office %}
            <span class="red">O</span>&nbsp;  
            {{user.settings.phone_office}}
        {% endif %}

        {% if user.settings.phone_cell %}
            &nbsp;| &nbsp<span class="red"> C</span>&nbsp; 
            {{user.settings.phone_cell}}
        {% endif %}

        {% if user.settings.phone_fax %}
            &nbsp;| &nbsp<span class="red"> F</span>&nbsp; 
            {{user.settings.phone_fax}}
        {% endif %}
    </p>
</div>