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

如回答here，我錯過了p的結束標記。修復html解決了這個問題。我們現在期待着更好的Ractive錯誤消息。