How can I use if condition on the meteor template?

javascript meteor spacebars
Phirum picture Phirum · Feb 23, 2015 · Viewed 15.9k times · Source

I want to use an if condition in a Meteor Blaze template. Let's say you have a helper users on the Users collection you want to iterate through tasks and if the username is admin, use a "red" style:

<ul>
    {{#each users}}
        <li {{#if(name==admin)}}class="red"{{/if}}>{{name}}</li>
    {{/each}}
</ul>

Answer

Dan Dascalescu picture Dan Dascalescu · Feb 23, 2015

Meteor uses Spacebars, a variant of Handlebars, which are "logicless" templates. You need to define a Template helper, then use it in the {{#if}}.

Template.foo.helpers({
  isAdmin: function (name) {
    return name === "admin"
  }
});

<ul>
  {{#each users}}
    <li {{#if isAdmin name}}class="red"{{/if}}>{{name}}</li>
  {{/each}}
</ul>

Related questions

How can I get the index of an array in a Meteor template each loop?

Say I have an object, someObject: { foo: "apple", myArray: ["abc", "def"] } And a template helper that looks like this (and works fine): getArray: function(){ var self = this; self.myArray = self.myArray || []; return self.myArray; } How should I construct the html …

Read More
How Do I Access an Object's Properties From a Template?

According to http://handlebarsjs.com/expressions.html, I should be able to do this: <h1>{{article.title}}</h1> But I can't seem to get this to work in meteor. Here's my template: <template name="content"&…

Read More
"continue" in cursor.forEach()

I'm building an app using meteor.js and MongoDB and I have a question about cursor.forEach(). I want to check some conditions in the beginning of each forEach iteration and then skip the element if I don't have to …

Read More