Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript js模板循环_Javascript_Ractivejs - Fatal编程技术网

Javascript js模板循环

Javascript js模板循环,javascript,ractivejs,Javascript,Ractivejs,我正在进行一个ajax调用,并下拉总页数: $.get(path, function( data ) { ractive.set({ 'articles' : data.articles, 'totalpages' : data.totalpages }); }); 是否有任何方法可以根据总页数呈现分页按钮?类似于(假设totalpages=4): {{#if循环totalpages次:num} | {{/if} 将输出 <a href="#">

我正在进行一个ajax调用,并下拉总页数:

$.get(path, function( data ) {
    ractive.set({
    'articles' : data.articles,
    'totalpages' : data.totalpages
    });
});
是否有任何方法可以根据总页数呈现分页按钮?类似于(假设totalpages=4):

{{#if循环totalpages次:num}
| 
{{/if}
将输出

<a href="#">1</a> | <a href="#">2</a> | <a href="#">3</a> | <a href="#">4</a>
| | |
我看过胡子医生,但胡子不太一样

谢谢,
Rob

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

computed: {
    total: 'new Array(${totalPages})'               
}
然后使用
:index
(或任何您想要的)在每个:

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

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

computed: {
    total: 'new Array(${totalPages})'               
}
然后使用
:index
(或任何您想要的)在每个:

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

您可以将页数转换为一个数组,并对其使用map[1,2,3,4].map(函数(n){return});您可以将页数转换为一个数组,并对其使用map[1,2,3,4].map(函数(n){return});我根本不知道计算属性-太棒了!谢谢:)我对这里的范围有点困惑。通过在这里调用一个新的数组——以引号的方式(仍然对此感到困惑)——这个新数组会成为全局范围的吗?或者,每次数据更新(每次ajax调用时我都会向下传递总页数)澄清计算的速记语法时,它会被删除吗。它将在每次数据更新时被替换(尽管ractive将重用DOM节点)!谢谢:)我现在明白了:)我不知道计算属性-太棒了!谢谢:)我对这里的范围有点困惑。通过在这里调用一个新的数组——以引号的方式(仍然对此感到困惑)——这个新数组会成为全局范围的吗?或者,每次数据更新(每次ajax调用时我都会向下传递总页数)澄清计算的速记语法时,它会被删除吗。它将在每次数据更新时被替换(尽管ractive将重用DOM节点)!谢谢:)我现在明白了:)