Is there a way to pass variables into templates in Meteor?

by

All of the previous answers are overkill or outdated. Here’s how you can pass static parameters into templates, directly from HTML+Spacebars code, as of Meteor 0.8.x:

<div class="slot-wrapper">
  {{> slot number="1"}}
  {{> slot number="2"}}
  ...
</div>

<template name="slot">
  <div class="number"><span>{{number}}</span></div>
</template>

All you have to do is pass key="value" parameters in the {{> template}} inclusion call:

{{> slot number="1"}}

Learn more at Spacebars Secrets: Exploring Meteor Templates.

If you want to pass the caller template’s data to the child/nested/called template, here’s how to do it: pass nothing. Instead, from the nested template, access the parent data context, ../:

<div class="slot-wrapper">
  {{> slot number="1"}}
  {{> slot number="2"}}
  ...
</div>

<template name="slot">
  <div>Machine name: {{../name}}</div>
  <div class="number"><span>{{number}}</span></div>
</template>

More Related Contents:

  1. Explanation of …
  2. How to dynamically change header based on AngularJS partial view?
  3. Meteor.publish: publish collection which depends on other collection
  4. Understanding Meteor Publish / Subscribe
  5. Using Multiple Mongodb Databases with Meteor.js
  6. using a variable in mongodb update
  7. How does the messages-count example in Meteor docs work?
  8. Access a variable outside the scope of a Handlebars.js each loop
  9. In meteor is there a way to access array index in spacebars [duplicate]
  10. Recommended JavaScript HTML template library for JQuery? [closed]
  11. How do I use the Spacing Utility Classes in Bootstrap
  12. How to use if statements in underscore.js templates?
  13. Background tasks in Meteor
  14. How to separate web components to individual files and load them?
  15. Opening new window in HTML for target=”_blank”
  16. “Meteor code must always run within a Fiber” when calling Collection.insert on server
  17. Is there some innerHTML replacement in SVG/XML?
  18. How do I change the order in which Meteor loads Javascript files?
  19. Displaying loader while meteor collection loads
  20. What good template language is supported in JavaScript?
  21. Angular filter a object by its properties
  22. Global variables in Meteor
  23. How can I add third-party JavaScript libraries to a Meteor application?
  24. Server cleanup after a client disconnects
  25. Verify user password in Meteor
  26. How can I dynamically highlight strings on a web page?
  27. Running a command in a Grunt Task
  28. Load HTML template with JavaScript
  29. How to redirect on another page and pass parameter in url from table?
  30. Meteor publish/subscribe strategies for unique client-side collections

Leave a Comment