Zugriff auf den Sammlungsindex in Handlebars/Blaze #each loop

Question

Ich spiele mit einem Meteor Leaderboard-Beispiel herum. Lassen Sie uns sagen, dass ich den Index eines Elements innerhalb eines Lenkers angezeigt werden wollte #each Schleife:

{{#each players}} 
    {{> player}} 
{{/each}} 

<template name="player"> 
    <div class="player {{selected}}"> 
    <span class="index">{{index}}</span> 
    <span class="name">{{name}}</span> 
    <span class="score">{{score}}</span> 
    </div> 
</template> 

Normalerweise würde man einen Lenker Helfer für dieses schreiben, aber ich habe Probleme, herauszufinden, wie sie mit einer Arbeit zu bekommen Meteor Sammlung.

Wie würde man das machen? Vielen Dank.

Answer 1

Wenn Sie nur versuchen, die Mongo zu zeigen, erzeugt ID verwenden nur _id

<span class="id">{{_id}}</span> 

Es den eindeutigen Index-ID in der Sammlung zeigen. Es wird nicht schön sein.

Ich habe möglicherweise Ihre Frage missverstanden. Tut mir leid, wenn ich es getan habe.

Answer 2

Hinzufügen einer Antwort für diese Frage. Ich hatte ein paar Stunden, um es herauszufinden

Template.player.data = function(data){

if(type){

return Template[ 'player' ](data);

}

}

In Ihrem Client

out setzen

in Ihrer Vorlage

{{#each players}}

{{data this}}

{{/each}}

Dies wird nahtlos arbeiten.

Answer 3

Hier ist, wie ich das gelöst habe - keine perfekte Lösung - mit der Tatsache, dass Mongo in der Regel Indizes erstellt, die im Wert steigen.

Template.item.index = function() { 
    return Items.find().count() - Items.find({_id: {$lte: this._id}}).count() + 1 
} 

ich dies dann wie so in der Vorlage verwenden: {{index}}

hoffe, das hilft!

Answer 4

Es gibt jetzt ein @index Feature in Blaze:

{{#each players}} 
    {{> player index=@index}} 
{{/each}} 

<template name="player"> 
    <div class="player {{selected}}"> 
    <span class="index">{{index}}</span> 
    <span class="name">{{name}}</span> 
    <span class="score">{{score}}</span> 
    </div> 
</template> 

Template.player.helpers({ 
    index() { 
    var data = Template.currentData(); 
    if(data) { 
     return data.index; 
    } 
    } 
});