Ractive условные операторы работают нестабильно

Question

Это не работает, как ожидалось:

  <!-- {{>io_cmd_button}} -->      
    {{#if (button.type === 'output')}}
        {{#button.pins}}
        <div style="width: 40%; margin: 10px; border: 1px solid yellowgreen; padding: 20px">
          <p> RPi led: <input id='rpi-command-{{button.type}}' type="checkbox"  value="{{.}}" />    
        </div>
        {{/button.pins}}
    {{else}}
        <h3> this is input pin, only status will be shown </h3>
    {{/if}}
  <!-- {{/io_cmd_button}} -->

Отрицая условие и меняя тела блоков if/else, остается та же логика, код становится следующим и работает как ожидалось:

  <!-- {{>io_cmd_button}} -->      
    {{#if (button.type !== 'output')}}
        <h3> this is input pin, only status will be shown </h3>
    {{else}}
        {{#button.pins}}
        <div style="width: 40%; margin: 10px; border: 1px solid yellowgreen; padding: 20px">
          <p> RPi led: <input id='rpi-command-{{button.type}}' type="checkbox"  value="{{.}}" />    
        </div>
        {{/button.pins}}
    {{/if}}
  <!-- {{/io_cmd_button}} -->

Зачем? Какая разница?

Answer 1

Как и здесь, я пропустил закрывающий тег p, Исправление html решило проблему. Теперь мы с нетерпением ждем новых сообщений об ошибках Ractive.