Ractive Numeric For Loop可能嗎？

Question

我一直在尋找的文檔，並且似乎無法找到一個方法來做到以下幾點：

<script> 
     var maxStars = 5 ; 
    </script> 

    <script id="starryNight" type="text/ractive"> 
    <ul class="starRating"> 
     {{#for i=0 until {{maxStars}} }} 
      <li class="star"></li> 
     {{/for}} 
     </ul> 
    </script> 

的想法是，以數字存儲，有多少顆項目已給出，例如在購物車。然後爲該項目繪製正確的 星號。

如果任何人都可以指出我在正確的方向，這將是非常感激。

Answer 1

問題是將數字轉換爲可迭代的值。

你可以與行人走：

<ul class="starRating"> 
    {{#each Array(maxStars) }} 
     <li class="star"></li> 
    {{/each}} 
</ul> 

或者去的東西更令人興奮的一點通過在迭代本身封裝的最大明星：

<ul class="starRating"> 
    {{#each '★★★★★'.split('') }} 
     <li class="star"></li> 
    {{/each}} 
</ul>