Meteor et le guidon #chaque itération sur l'objet

Je veux utiliser guidon #each avec un objet qui n'est pas un tableau.

Comment dois-je faire? J'en ai besoin pour continuer à travailler avec de meteor avec des fonctionnalités spéciales #each.

Mon objet est dans la forme de:

{
  john: "hello",
  bob: "hi there"
}

Je vais essayer d'obtenir un résultat comme ceci:

<div>hello</div>
<div>hi there</div>
  • Pourriez-vous poster ce que vous êtes en utilisant, comme l'objet? Il peut ne pas être possible si vous voulez obtenir les propriétés d'un objet itéré, mais vous pouvez toujours utiliser {{item.property}}
  • J'ai posté mon objet. Merci pour votre aide.
  • Il y a maintenant une prise en charge intégrée pour ce; voir stackoverflow.com/q/11884960/50079
  • il y a un support intégré dans le Guidon, mais il a toujours été un problème pour utilisation que le soutien de Météore. Meteor plans pour la soutenir, par la suite mais au jour d'aujourd'hui ne l'est pas.
InformationsquelleAutor Harry | 2013-02-23
  1. 37

    Vous avez besoin d'utiliser une aide dans votre js pour aider guidon comprendre votre objet:

    Ajouter à votre client js

    Template.registerHelper('arrayify',function(obj){
    var result = [];
    for (var key in obj) result.push({name:key,value:obj[key]});
    return result;
});

    Et d'utilisation (vous pouvez également utiliser la touche de {{name}}) dans votre code html:

    {{#each arrayify myobject}}
   <div title="hover here {{name}}">{{value}}</div>
{{/each}}

    myobject vient de votre modèle:

    Template.templatename.helpers({
    myobject : function() { 
      return { john:"hello", bob: "hi there" } 
    }
});
    • Les avantages de le faire avec un guidon helper plus de le faire avec meteor modèles?
    • L'aide ne doit être déclaré une fois pour travailler dans tous les modèles, le modèle helper ne fonctionne que pour un seul modèle de sorte que vous auriez à redeclare à chaque fois. Je l'ai utilisé dans le cas où vous décidez d'utiliser l'objet en plus de modèles
    • L'API a changé, utilisez Template.registerHelper() au lieu de Handlebars.registerHelper() docs.meteor.com/#/full/template_registerhelper
    • resultat = []; est-il un var manquant?
    InformationsquelleAutor Akshat
  2. 8

    Vous pouvez convertir votre objet dans un tableau avec un trait de soulignement _.carte

    html:

    <template name="test">
    {{#each person}}
       <div>{{greeting}}</div>
    {{/each}}
</template>

    js:

    Template.test.helpers({
    person : function () { 
        return _.map(object, function(val,key){return {name: key, greeting: val}});
    }
});
    InformationsquelleAutor solo999
  3. 4

    Il convient de noter pour les gens à trouver ce maintenant que la bonne façon de déclarer Guidon aides dans le Météore de cette écriture est avec l'INTERFACE utilisateur.registerHelper méthode plutôt que de Guidon.registerHelper. Ainsi cette aide doit ressembler à ceci maintenant:

    UI.registerHelper("arrayify", function(obj){
    result = [];
    for (var key in obj){
        result.push({name:key,value:obj[key]});
    }
    return result;
});
    InformationsquelleAutor Robert Fines