最大値のみを持つ<select>を生成する方法

Question

Ractiveを使用して、1からnまでの数値オプションを含むドロップダウンを生成したいとします。

ractive = new Ractive({ 
    el: myContainer, 
    template: myTemplate, 
    data: { 
     n: 50 
    } 
}); 

しかし、何がある：だからデータのようなものに変更されます

ractive = new Ractive({ 
    el: myContainer, 
    template: myTemplate, 
    data: { 
     countries: [ 
      { id: 'AFG', name: 'Afghanistan' }, 
      { id: 'ALB', name: 'Albania' }, 
      // and so on... 
     ] 
    } 
}); 

：で

<select value='{{selectedCountry}}'> 
    <option selected disabled>Select a country</option> 
    {{#countries}} 
     <option value='{{id}}'>{{name}}</option> 
    {{/countries}} 
</select> 

：

select要素は、（​​）を使用して生成することができます最大値（）しか持たない場合の#countriesループの構文）？

Answer 1

<select> 
{{#each Array(n):i}} 
    <option>option {{i}}</option> 
{{/each}} 
</select> 

関連ドキュメント：

• Handlebars style sections
• Adding array indexes
• Array(n)の使用は