循环在jsRender

时间:2012-08-29 18:22:31

标签: jsrender

我知道{{for}}可以遍历集合。但我可以根据总数进行循环吗?

说,如果我有一个整数TotalPage,我该如何创建一个分页列表,如:

{{for (Page=1; Page<=TotalPage; Page++;)}} // I made up this statement.
    {{if Page=CurrentPage}}
        <li class="selected">{{>Page}}</li>
    {{else}}
        <li>{{>Page}}</li>
    {{/if}}
{{/for}}

这可能在jsRender吗?

2 个答案:

答案 0 :(得分:2)

这可以使用{{for /}}块中存在的#index属性来完成。

{{for myModel.myArray }}
    <li>This is item number {{:#index}}</li>
{{/for}}

#index包含正在呈现的数组的当前索引。但是,不能,至少在本地,指定任意次数来呈现模板。正如Matt Ball在评论中所说的那样,在模板中加入太多逻辑。

但如果你确定了,你可以在你的模型中创建一个任意大小的数组并迭代它。

答案 1 :(得分:0)

       {{for #data.pages}}
          {{if #data.page == currentPage }}  // data refers to the pages 
              <li class="selected">{{>Page}}</li>
          {{/if}}   
        {{else}}
               <li>{{>Page}}</li>   
        {{/for}}

希望这是您正在寻找的结构,