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 shorthand for:

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