Ractive Numeric For 循环可能吗？

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>

或者通过将 max stars 封装在 iterable 本身中来做一些更令人兴奋的事情：

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

Ractive Numeric For 循环可能吗？

Ractive Numeric For Loop Possible?

ractivejs