Meteor - Passer des données entre les assistants, les événements et les modèles

Question

Je ne sais pas comment aborder mon problème. Si je devrais définir mes variables dans mon événement à mes champs de syntaxe de la barre d'espace à partir de mon modèle ou transmettre mes données d'événement retourné dans mes aides en quelque sorte. Tout est publié et souscrit correctement aussi. Problème: J'essaie de faire en sorte que les utilisateurs puissent cliquer sur un bouton "Ajouter" à côté de l'une des personnes dans une liste de répertoires (collection DirectoryList) et que les informations sur les utilisateurs soient ajoutées à une liste de contacts. C'est simplement une application de messagerie où une personne peut faire défiler un répertoire de tout le monde et ajouter des utilisateurs à leur liste de contacts. Voici mes fichiers:

modèles> directoryList.html

<template name="directoryList"> 
    {{> searchDirectory}} 
    <ul> 
     {{#each directoryList}} 
      <li> 
       {{firstname}} {{lastname}} &nbsp; <button name="addFriend" id="addFriend">Add</button> 
      </li> 
     {{/each}} 
    </ul> 
</template> 

> Aides directoryList.js

Template.directoryList.helpers({ 

    'directoryList': function(){ 
     return DirectoryList.find({}, {sort: {createdAt: -1}}); 
    } 

}); 

événements> directoryList.js

Template.directoryList.events({ 

    'click .addFriend': function(event){ 
     event.preventDefault(); 

     var currentUserId = Meteor.userId(); 
     var currentContact = DirectoryList.findOne(this._id); 
     var currentContactFirstname = currentContact.firstname; 
     var currentContactLastname = currentContact.lastname; 
     var currentContactEmail = currentContact.email; 
     console.log("test"); 

     ContactsList.insert({ 
      firstname: currentContactFirstname, 
      lastname: currentContactLastname, 
      email: currentContactEmail, 
      createdBy: currentUserId 
     }); 
    } 
}); 

its me jeter évidemment un erreur pour la syntaxe {{}} dans mon événement mais je ne sais pas quoi faire d'autre ou comment faire fonctionner ceci. Pensé qu'il pourrait être en mesure d'hériter du modèle de ces champs, mais je suppose que non?

Answer 1

gestionnaire d'événements est pour vous addButton classe, où le bouton ne dispose pas des addButton classe. Vous devez changer l'identifiant en classe dans votre modèle.

<template name="directoryList"> 
    {{> searchDirectory}} 
    <ul> 
     {{#each directoryList}} 
      <li> 
       {{firstname}} {{lastname}} &nbsp; <button name="addFriend" class="addFriend">Add</button> <!-- CHANGED ID TO CLASS FOR THIS BUTTON --> 
      </li> 
     {{/each}} 
    </ul> 
</template> 

Et vous pouvez suivre d'autres réponses pour éviter toute requête inutile pour améliorer les performances.

Espérons que ça aide.

Answer 2

Dans votre gestionnaire d'événements this contient déjà le contact actuel, vous n'avez pas besoin de le rechercher à nouveau. Vous pouvez simplifier votre gestionnaire d'événements jusqu'à:

Template.directoryList.events({ 

    'click .addFriend': function(event){ 
     event.preventDefault(); 
     console.log(this); 

     ContactsList.insert({ 
      firstname: this.firstname, 
      lastname: this.lastname, 
      email: this.mail, 
      createdBy: Meteor.userId() 
     }); 
    } 
});