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>