DOM Zugriff von Meteor Vorlagen js

Question

Dies ist mein Meteor Vorlage:

{{#each p}} 
<div class="cpl"> 
<div class="chat-post"> 
    <li class="post"> 
     <div class="nm" id={{_id}}> 
      <a>{{username}}</a> 
     </div> 
     <div class="con">{{content}}</div> 
     <div class="cnm"> 
      <div class="t">{{time}}</div> 
      <div class="m" id="cm"> 
       <a>message </a> 
      </div> 
     </div> 
    </li> 
</div></div> 
{{/each}} 

// TEMPLATE FÜR PF

<template name="pf"> 
    <form id="post-box"> 
    <textarea id="new" required></textarea> 
    <button type="submit">Post</button> 
    </form> 
    </template> 

// THIS IST MEINE HELFER UND EREIGNIS Behandlungsroutinen für PF und PC, Kollektionsnamen ROST

Template.pc.helpers({ 
    p: function(){ 
    return Rost.find({}, {sort:{created:-1}}); 
    } 
}); 



Template.pf.events({ 
    'submit form': function(event){ 
    event.preventDefault(); 
    var content= document.getElementById('new').value; 


var date= new Date(), 
h=(date.getHours()<10?'0':'') +date.getHours(), 
m=(date.getMinutes()<10?'0':'')+date.getMinutes(); 
var time=h+':'+m; 
var username= Meteor.user().username; 
    Rost.insert({ 
     content: content, 
     created:date, 
     time:time, 
     username: username 
    }); 
    event.target.reset(); 
    } 
}); 

Ich bin mit Meteor und Mongo als DB, wo {{username}}, {{content}} und {{time}} Variablen des Objekts sind. Wie kann ich mit JavaScript auf {{username}} zugreifen?

Answer 1

Innerhalb Ihrer Hilfsfunktion sollten Sie bereits Zugriff auf diese Daten über die Variable dieses Kontext oder Template.instance(). Data haben. Ihre Event-Handler sollte wie folgt aussehen:

'click cssSelector'(event,instance) { 
    event.preventDefault(); 
} 

Wie Sie sehen können, der zweite Parameter die Vorlageninstanz ist, so haben Sie Zugriff auf die Daten mit instance.data, oder Sie verwenden event.currentTarget das Element, um festzustellen, dass war klicken und von dort gehen. Bitte posten Sie Ihre Helfer oder den Code für die Ereignisbehandlung, damit wir sehen können, was Sie versuchen und Probleme damit haben.