Ractive.js模板循环

Question

我正在进行ajax调用并下拉总页数：

$.get(path, function( data ) {
    ractive.set({
    'articles' : data.articles,
    'totalpages' : data.totalpages
    });
});

有没有办法可以从总页数中渲染分页按钮？类似的东西（假设总页数= 4）：

{{#if loop totalpages times:num}}
  <a href="#">{{num}}</a> | 
{{/if}}

输出

<a href="#">1</a> | <a href="#">2</a> | <a href="#">3</a> | <a href="#">4</a>

我看过Mustache的文档，但是Mustache并不完全相同。

谢谢， 罗布

Answer 1

在组件或ractive实例中使用计算属性：

computed: {
    total: 'new Array(${totalPages})'               
}

然后使用:index（或任何你想要的）来为每个索引添加别名：

{{#each total:index}}
<a href="#">{{index+1}}</a>
{{/each}}

修改：以上total计算属性是Ractive的简写：

computed: {
    total: function(){
        return new Array(this.get('totalPages'));
    }   
}