blocks|key|785237|text|如果您可以控制JSON字符串的输出，那么可以尝试这样做。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|785238|{+"names":+[+{"name":"John",+"index":"1"},+{"name":"Mary",+"index":"2"}+]+}|code-block|syntax|javascript|785239|因此，当您创建JSON字符串时，请将索引添加为每个对象的另一个属性。|785240|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If you can control the output of the JSON string, then try this out.

<pre><code>{ "names": [ {"name":"John", "index":"1"}, {"name":"Mary", "index":"2"} ] }
</code></pre>

So when you make your JSON string, add the index as another property for each object.

blocks|key|785309|text|在handlebars.js中，您可以使用helper函数来完成此任务。(事实上，这里提到的http://yehudakatz.com/2010/09/09/announcing-handlebars-js/关于handlebars的优点之一是，您可以使用帮助器，而不必在调用模板之前重写对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|785310|所以，你可以这样做：|785311|++var+nameIndex+=+0;
++Handlebars.registerHelper('name_with_index',+function()+{
++++nameIndex%2B%2B;
++++return+this.name+%2B+"+is+"+%2B+nameIndex;
++})|code-block|syntax|javascript|785312|然后，您的模板可以是：|785313|{{#names}}
<li>{{name_with_index}}</li>
{{/names}}|785314|您的数据与之前相同，即：|785315|{+"names":+[+{"name":"John"},+{"name":"Mary"}+]+};|785316|你会得到这样的输出：|785317|<li>John+is+1</li>
<li>Mary+is+2</li>|785318|要使其真正工作，nameIndex需要在每次呈现模板时进行重置，因此，可以在列表的开头设置一个重置帮助器。因此，完整的代码如下所示：|785319|++var+data+=+{+"names":+[+{"name":"John"},+{"name":"Mary"}+]+};
++var+templateSource+=+"<ul>{{reset_index}}{{#names}}<li>{{name_with_index}}</li>{{/names}}</ul>";
++var+template+=+Handlebars.compile(templateSource);

++var+helpers+=+function()+{
++++var+nameIndex+=+0;
++++Handlebars.registerHelper('name_with_index',+function()+{
++++++nameIndex%2B%2B;
++++++return+this.name+%2B+"+is+"+%2B+nameIndex;
++++});
++++Handlebars.registerHelper('reset_index',+function()+{
++++++nameIndex+=+0;
++++})
++}();

++var+htmlResult=+template(data);
++$('#target').html(htmlResult);

++var+htmlResult2=+template(data);
++$('#target2').html(htmlResult2);|785320|(这可以正确地渲染模板两次。)|785321|entityMap|0|LINK|mutability|MUTABLE|url|http://yehudakatz.com/2010/09/09/announcing-handlebars-js/^0|1A|1M|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@$A|1B|B|1C|1|1D]]|C|$]]|$1|D|3|E|5|6|7|1E|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1F|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1G|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|1H|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|1I|8|@]|9|@]|C|$]]|$1|Q|3|R|5|H|7|1J|8|@]|9|@]|C|$I|J]]|$1|S|3|T|5|6|7|1K|8|@]|9|@]|C|$]]|$1|U|3|V|5|H|7|1L|8|@]|9|@]|C|$I|J]]|$1|W|3|X|5|6|7|1M|8|@]|9|@]|C|$]]|$1|Y|3|Z|5|H|7|1N|8|@]|9|@]|C|$I|J]]|$1|10|3|11|5|6|7|1O|8|@]|9|@]|C|$]]|$1|12|3|-4|5|6|7|1P|8|@]|9|@]|C|$]]]|13|$14|$5|15|16|17|C|$18|19]]]]

In handlebars.js you can accomplish this with a helper function. (In fact, one of the advantages mentioned about handlebars here <a href="http://yehudakatz.com/2010/09/09/announcing-handlebars-js/">http://yehudakatz.com/2010/09/09/announcing-handlebars-js/</a> is that you can use helpers instead of having to rewrite the objects before calling the template.

So, you could do this:

<pre><code> var nameIndex = 0;
 Handlebars.registerHelper('name_with_index', function() {
 nameIndex++;
 return this.name + " is " + nameIndex;
 })
</code></pre>

And, then your template can be this:

<pre><code>{{#names}}
&lt;li&gt;{{name_with_index}}&lt;/li&gt;
{{/names}}
</code></pre>

Your data is the same as before, i.e.:

<pre><code>{ "names": [ {"name":"John"}, {"name":"Mary"} ] };
</code></pre>

And you get this output:

<pre><code>&lt;li&gt;John is 1&lt;/li&gt;
&lt;li&gt;Mary is 2&lt;/li&gt;
</code></pre>

To make this really work, nameIndex needs to get reset each time the template is rendered, so to do that you can have a reset helper at the beginning of the list. So full code looks like this:

<pre><code> var data = { "names": [ {"name":"John"}, {"name":"Mary"} ] };
 var templateSource = "&lt;ul&gt;{{reset_index}}{{#names}}&lt;li&gt;{{name_with_index}}&lt;/li&gt;{{/names}}&lt;/ul&gt;";
 var template = Handlebars.compile(templateSource);

 var helpers = function() {
 var nameIndex = 0;
 Handlebars.registerHelper('name_with_index', function() {
 nameIndex++;
 return this.name + " is " + nameIndex;
 });
 Handlebars.registerHelper('reset_index', function() {
 nameIndex = 0;
 })
 }();

 var htmlResult= template(data);
 $('#target').html(htmlResult);

 var htmlResult2= template(data);
 $('#target2').html(htmlResult2);
</code></pre>

(This can correctly render the template twice.)

blocks|key|785370|text|这里有很好的帮手：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|785371|//+{{#each_with_index+records}}
//++<li+class="legend_item{{index}}">{{Name}}</li>
//+{{/each_with_index}}

Handlebars.registerHelper("each_with_index",+function(array,+fn)+{
++++var+buffer+=+"";
++++for+(var+i+=+0,+j+=+array.length;+i+<+j;+i%2B%2B)+{
++++++++var+item+=+array[i];

++++++++//+stick+an+index+property+onto+the+item,+starting+with+1,+may+make+configurable+later
++++++++item.index+=+i%2B1;

++++++++//+show+the+inside+of+the+block
++++++++buffer+%2B=+fn(item);
++++}

++++//+return+the+finished+buffer
++++return+buffer;

});|code-block|syntax|javascript|785372|来源：https://gist.github.com/1048968|offset|length|785373|entityMap|0|LINK|mutability|MUTABLE|url|https://gist.github.com/1048968^0|0|0|3|V|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Great helper here:

<pre><code>// {{#each_with_index records}}
// &lt;li class="legend_item{{index}}"&gt;&lt;span&gt;&lt;/span&gt;{{Name}}&lt;/li&gt;
// {{/each_with_index}}

Handlebars.registerHelper("each_with_index", function(array, fn) {
 var buffer = "";
 for (var i = 0, j = array.length; i &lt; j; i++) {
 var item = array[i];

 // stick an index property onto the item, starting with 1, may make configurable later
 item.index = i+1;

 // show the inside of the block
 buffer += fn(item);
 }

 // return the finished buffer
 return buffer;

});
</code></pre>

Source: <a href="https://gist.github.com/1048968" rel="nofollow noreferrer">https://gist.github.com/1048968</a>

blocks|key|999612|text|我在JavaScript中是这样做的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|999613|var+idx+=+0;

var+data+=+{+
+++"names":+[+
+++++++{"name":"John"},+
+++++++{"name":"Mary"}+
++++],
++++"idx":+function()+{
++++++++return+idx%2B%2B;
++++}
};

var+html+=+Mustache.render(template,+data);|code-block|syntax|javascript|999614|您的模板：|999615|{{#names}}
++++{{name}}+is+{{idx}}
{{/names}}|999616|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This is how I do it in JavaScript:

<pre><code>var idx = 0;

var data = { 
 "names": [ 
 {"name":"John"}, 
 {"name":"Mary"} 
 ],
 "idx": function() {
 return idx++;
 }
};

var html = Mustache.render(template, data);
</code></pre>

Your template:

<pre><code>{{#names}}
 {{name}} is {{idx}}
{{/names}}
</code></pre>

blocks|key|785463|text|我的主要用例是能够在项目上放置一个“活动”类。我把"equals“帮助器和"index_for_each”帮助器组合在一起，但这太复杂了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|785464|相反，我想出了以下基本的“主动”帮助器。它非常具体，但对于任何菜单/选择列表场景来说都是很常见的用例：|785465|用法：|785466|++<ul>
++++{{{active+2}}}
++++{{#each+menuItem}}
++++++<li+class="{{{active}}}">{{this}}</li>
++++{{/each}}
++</div>|code-block|syntax|javascript|785467|会使第三个菜单项有一个"class='active'“。|785468|助手在这里(这是CoffeeScript版本)：|785469|active+=+0
cur+=+0
handlebars.registerHelper+'active',+(item,+context)+->
++if+arguments.length+==+2
++++active+=+item
++++cur+=+0
++++''
++else+if+cur%2B%2B+==+active
++++'active'|785470|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|H|7|Y|8|@]|9|@]|A|$I|J]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

My major use case for this was the ability to place an 'active' class on items. I messed around with combining an "equals" helper with and "index_for_each" helper, but it was way too complicated.

Instead, I came up with the following basic "active" helper. It's very specific, but is such a common use case for any menu / select list scenario:

Usage:

<pre><code> &lt;ul&gt;
 {{{active 2}}}
 {{#each menuItem}}
 &lt;li class="{{{active}}}"&gt;{{this}}&lt;/li&gt;
 {{/each}}
 &lt;/div&gt;
</code></pre>

Would make the 3rd menu item have a "class='active'".

The helper is here (this is the CoffeeScript version):

<pre><code>active = 0
cur = 0
handlebars.registerHelper 'active', (item, context) -&gt;
 if arguments.length == 2
 active = item
 cur = 0
 ''
 else if cur++ == active
 'active'
</code></pre>

blocks|key|785536|text|作为参考，此功能现已内置于与Mustache兼容的Handlebar中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|785537|使用{{@index}}|offset|length|style|CODE|785538|{{#names}}
++++{{name}}+is+{{@index}}
{{/names}}|code-block|syntax|javascript|785539|约翰是0岁|785540|玛丽1岁|785541|entityMap^0|0|2|A|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

For reference, this functionality is now built in to Handlebars which has compatibility with Mustache.

Use <code>{{@index}}</code>

<pre><code>{{#names}}
 {{name}} is {{@index}}
{{/names}}
</code></pre>

John is 0

Mary is 1

blocks|key|999746|text|只要您没有进入多个数组，就可以将索引存储在helper上，并在上下文发生变化时递增。我使用的内容类似于下面的内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|999747|var+data+=+{
++++foo:+[{a:+'a',+'b':+'a'},+{'a':'b',+'b':'b'}],+
++++i:+function+indexer()+{
++++++++indexer.i+=+indexer.i+%7C%7C+0;
++++++++if+(indexer.last+!==+this+&&+indexer.last)+{++++++++++++++++++++++++++++++++++++++++++
++++++++++++indexer.i%2B%2B;
++++++++}+++
++++++++indexer.last+=+this;
++++++++return+String(indexer.i);
+++++}+++
};

Mustache.render('{{#foo}}{{a}}{{i}}{{b}}{{i}}{{/foo}}',+data);|code-block|syntax|javascript|999748|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

As long as you're not traveling into more than one array you can store the index on the helper and just increment when the context changes. I'm using something similar to the following: 

<pre><code>var data = {
 foo: [{a: 'a', 'b': 'a'}, {'a':'b', 'b':'b'}], 
 i: function indexer() {
 indexer.i = indexer.i || 0;
 if (indexer.last !== this &amp;&amp; indexer.last) { 
 indexer.i++;
 } 
 indexer.last = this;
 return String(indexer.i);
 } 
};

Mustache.render('{{#foo}}{{a}}{{i}}{{b}}{{i}}{{/foo}}', data);
</code></pre>

blocks|key|999826|text|Mustache的一种更好的方法是使用一个使用indexOf获取索引的函数|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|999827|var+data+=+{+
+++names:+[+{"name":"John"},+{"name":"Mary"}+],
++++index:+function()+{
++++++++return+data.names.indexOf(this);
++++}
};

var+html+=+Mustache.render(template,+data);|code-block|syntax|javascript|999828|在您的模板中：|999829|{{#names}}
++++{{name}}+is+{{index}}
{{/names}}|999830|缺点是这个index函数具有数组硬编码的data.names，以使其更具动态性，我们可以使用另一个这样的函数：|999831|var+data+=+{+
+++names:+[+{"name":"John"},+{"name":"Mary"}+],
++++index:+function()+{
++++++++return+function(array,+render)+{
++++++++++++return+data[array].indexOf(this);
++++++++}
++++}
};

var+html+=+Mustache.render(template,+data);|999832|模板中的用法：|999833|{{#names}}
++++{{name}}+is+{{#index}}names{{/index}}
{{/names}}|999834|还有一个小缺点是，您必须将数组名称传递给本例中的索引函数names，即{{#index}}names{{/index}}。|999835|entityMap^0|N|7|0|0|0|0|5|5|K|A|0|0|0|0|S|5|Z|P|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|14|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|16|8|@$9|17|A|18|B|C]|$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|H|7|1B|8|@]|D|@]|E|$I|J]]|$1|S|3|T|5|6|7|1C|8|@]|D|@]|E|$]]|$1|U|3|V|5|H|7|1D|8|@]|D|@]|E|$I|J]]|$1|W|3|X|5|6|7|1E|8|@$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|Y|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]]|Z|$]]

A better approach for Mustache would be using a function that gets the index using <code>indexOf</code>:

<pre><code>var data = { 
 names: [ {"name":"John"}, {"name":"Mary"} ],
 index: function() {
 return data.names.indexOf(this);
 }
};

var html = Mustache.render(template, data);
</code></pre>

In your template:

<pre><code>{{#names}}
 {{name}} is {{index}}
{{/names}}
</code></pre>

The drawback is that this <code>index</code> function has the array hard coded <code>data.names</code> to make it a more dynamic, we can use another function like this:

<pre><code>var data = { 
 names: [ {"name":"John"}, {"name":"Mary"} ],
 index: function() {
 return function(array, render) {
 return data[array].indexOf(this);
 }
 }
};

var html = Mustache.render(template, data);
</code></pre>

Usage in your template:

<pre><code>{{#names}}
 {{name}} is {{#index}}names{{/index}}
{{/names}}
</code></pre>

Also a small drawback is that you have to pass the array name to the index function in this example <code>names</code>, <code>{{#index}}names{{/index}}</code>.

blocks|key|999908|text|(在节点4.4.7，moustache+2.2.1中测试。)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|999909|如果你想要一种很好的、干净的函数方式来做这件事，那就不涉及全局变量或改变对象本身，使用这个函数；|999910|var+withIds+=+function(list,+propertyName,+firstIndex)+{
++++firstIndex+%7C=+0;
++++return+list.map(+(item,+idx)+=>+{
++++++++var+augmented+=+Object.create(item);
++++++++augmented[propertyName]+=+idx+%2B+firstIndex;
++++++++return+augmented;
++++})
};|code-block|syntax|javascript|999911|在组装视图时使用它；|999912|var+view+=+{
++++peopleWithIds:+withIds(people,+'id',+1)+//+add+'id'+property+to+all+people,+starting+at+index+1
};|999913|这种方法的巧妙之处在于，它创建了一组新的“视图模型”对象，使用旧的集合作为原型。您可以像阅读person.firstName一样阅读person.id。但是，此函数根本不会更改您的people对象，因此其他代码(可能依赖于不存在的ID属性)将不会受到影响。|offset|length|style|CODE|999914|算法是O(N)，所以很好很快。|999915|entityMap^0|0|0|0|0|0|1A|G|1U|9|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|11|8|@$O|12|P|13|Q|R]|$O|14|P|15|Q|R]]|9|@]|A|$]]|$1|S|3|T|5|6|7|16|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|V|$]]

(Tested in node 4.4.7, moustache 2.2.1.)

If you want a nice clean functional way to do it, that doesn't involve global variables or mutating the objects themselves, use this function;

<pre><code>var withIds = function(list, propertyName, firstIndex) {
 firstIndex |= 0;
 return list.map( (item, idx) =&gt; {
 var augmented = Object.create(item);
 augmented[propertyName] = idx + firstIndex;
 return augmented;
 })
};
</code></pre>

Use it when you're assembling your view;

<pre><code>var view = {
 peopleWithIds: withIds(people, 'id', 1) // add 'id' property to all people, starting at index 1
};
</code></pre>

The neat thing about this approach is that it creates a new set of 'viewmodel' objects, using the old set as prototypes. You can read the <code>person.id</code> just as you would read <code>person.firstName</code>. However, this function doesn't change your people objects at all, so other code (which might have relied on the ID property not being there) will not be affected. 

Algorithm is O(N), so nice and fast.

blocks|key|999959|text|<script>var+index+=+1;</script>
{{#names}}
++++{{name}}+is+<script>document.write(index%2B%2B);</script>
{{/names}}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|999960|这可以很好地工作。|unstyled|999961|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&lt;script&gt;var index = 1;&lt;/script&gt;
{{#names}}
 {{name}} is &lt;script&gt;document.write(index++);&lt;/script&gt;
{{/names}}
</code></pre>

This works perfectly fine.

blocks|key|785805|text|我使用一个预计算函数将'@index‘注入到数组中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|785806|const+putIndexInArray+=+array+=>+{
++++let+putIndex+=+(value,+index)+=>+{
++++++++value['@index']+=+index;

++++++++return+value;
++++};

++++if+(!Array.isArray(array))+{
++++++++return+array;
++++}

++++return+array.map(putIndex);
};

Mustache.render(template,+{
++++array:+putIndexInArray(['Homer',+'Marge',+'Lisa'])
});|code-block|syntax|javascript|785807|然后像这样使用：|785808|{{#array}}
++++{{@index}}
{{/array}}|785809|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I'm using a pre calculate function to inject '@index' into array.

<pre class="lang-js prettyprint-override"><code>const putIndexInArray = array =&gt; {
 let putIndex = (value, index) =&gt; {
 value['@index'] = index;

 return value;
 };

 if (!Array.isArray(array)) {
 return array;
 }

 return array.map(putIndex);
};

Mustache.render(template, {
 array: putIndexInArray(['Homer', 'Marge', 'Lisa'])
});
</code></pre>

and then using like this:

<pre><code>{{#array}}
 {{@index}}
{{/array}}
</code></pre>

I am using <a href="http://mustache.github.com/" rel="noreferrer">Mustache</a> and using the data

<pre><code>{ "names": [ {"name":"John"}, {"name":"Mary"} ] }
</code></pre>

My mustache template is:

<pre><code>{{#names}}
 {{name}}
{{/names}}
</code></pre>

What I want to be able to do is to get an index of the current number in the array. Something like:

<pre><code>{{#names}}
 {{name}} is {{index}}
{{/names}}
</code></pre>

and have it print out

<pre><code>John is 1
Mary is 2
</code></pre>

Is it possible to get this with Mustache? or with Handlebars or another extension?

In Mustache, How to get the index of the current Section

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在使用并使用数据{ "names": [ {"name":"John"}, {"name":"Mary"} ] }我的胡子模板是：{{#names}}    {{name}}{{/names}}我希望能够做的是获得数组中当前数字的索引。类似于：{{#names}}    {{name}} is {{index}}{...

问在Mustache中，如何获取当前部分的索引
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Mustache中，如何获取当前部分的索引EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Mustache中，如何获取当前部分的索引
EN