如何生成只有最大值的 Ractive <select>

Question

使用 Ractive，我想生成一个下拉列表，其中包含从 1 到 n 的数字选项。

可以使用 (source):

生成 select 元素

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

与：

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

所以数据会变成这样：

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

但是当您只有最大值 (n) 时，#countries 循环的语法是什么？

Answer 1

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

如何生成只有最大值的 Ractive <select>

How to generate a Ractive <select> with only a max value

javascript

ractivejs