javascript - mustache 变量声明

Question

var page = {
    pageCount : 3,
    pageNum : [
        //loop script to create '"num" : "x"'
    ]
};
var pageTemplate = '{{#pageNum}} <div id="page{{num}}" class="pages"> page {{num}} </div> {{/pageNum}}';
var pageHtml = Mustache.to_html(pageTemplate, page);

是否可以创建一个 for 循环或某种方式来根据 pageCount 创建 num 个变量，如下所示:

for (var x = 0; x <= pageCount; x++)

它会产生语法错误，所以我想知道是否有其他替代方法可以做到这一点。谢谢

Answer 1

来自 fine manual :

Enumerable Sections

[...] Use {{.}} to access the current item inside the enumeration section.

所以你需要做的就是把数字输入 pageNum :

var page = {
    pageCount : 3,
    pageNum : [ ]
};
for(var i = 0; i < page.pageCount; ++i)
    page.pageNum[i] = i + 1;

然后使用 {{.}}在模板中访问它们:

{{#pageNum}} <div id="page{{.}}" class="pages"> page {{.}} </div> {{/pageNum}}