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'));
    }   
}