2016-05-12 7 views
1

私はドキュメントを見てきた、と次の操作を実行する方法を見つけるように見えることはできません。ループのためのRactive Numeric Possible?

<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> 

アイテムが付与されているどのように多くの星数値的に格納するという考え方、例えばショッピングカートに入れます。次に、その項目の正しい番号の 個の星を描画します。

誰かが私を正しい方向に向けることができれば、非常に感謝しています。

答えて

1

問題は、数値を反復可能な値に変換しています。

あなたは歩行者と行くことができる:おかげで@martypdx

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

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

または反復可能な自体に最大星をカプセル化することで、もう少し刺激的な何かのために行きます!私は両方のアイデアを試してみます。 – Anthony

+0

非常に良い解決策。あなたが言ったことを正確に行いました。あなたの最初の選択肢に行ってきました。なぜなら、2番目の方法が 'maxStars'をどのように扱うのか、私は実際に従っていなかったからです。返事を送ることに感謝してくれてありがとう。 – Anthony

関連する問題