How to write a conditional if statement using underscore template

Question

I have a Name and Status fields on my table and I want to display the values, Active and Inactive for the Status field. Here is the template I'm using:

  <tbody>
<% _.each(accountLists, function(account) { if (account.active == 'true') ? 'Active': 'Inactive'%>
        <tr>
            <td><%= account.active %></td>
        </tr>
    <% }) %>
</tbody>

When I run, the template throws:

Uncaught SyntaxError: Unexpected token

Why?

For reference, below is my accountView.js

var AccountList = Backbone.View.extend({

        initialize: function(){

},

    el:'#sub-account-list', 
    render: function(id){

    var self = this;
        var accountList = new SubAccountCollection([],{ id: id });

        accountList.fetch({
        success: function(accountLists){

            var data = accountLists.toJSON();
            var accounts = data[0].data.items;
            var template = $("#sub-account-list").html(_.template(tmpl, {accounts:accounts}));

                },
            });
        }
    });

i understand i should have added this question to my existing question before, but anyways, i resolved my issue i was facing. Thanks for the help..however i am stuck at this another issue, im trying to resolve on how can i write conditional statements in underscore template. Above is the code i have edited to show what im trying to achieve.. — user2942566
– user2942566, Commented Jun 14, 2014 at 20:49
Possible duplicate of How to use if statements in underscore.js templates? — T J
– T J, Commented Jun 28, 2016 at 10:03

Bergi · Accepted Answer · 2014-06-15 02:00:06Z

6

This doesn't have much to do with underscore templates - it will translate roughly into:

_.each(accountLists, function(account) {
    if (account.active == 'true') ? 'Active': 'Inactive'
    echo ("<tr><td>" + account.active "</td></tr>");
})

I'm not sure what you wanted to do here, but this is horribly mixing the if statement with the conditional operator syntax. Use either

<tbody>
    <% _.each(accountLists, function(account) {
        if (account.active == 'true') { %>
        <tr>
            <td>Active</td>
        </tr>
    <%  } else { %>
        <tr>
            <td>Inactive</td>
        </tr>
    <%  }
    }); %>
</tbody>

or

<tbody>
    <% _.each(accountLists, function(account) { %>
        <tr>
            <td><%= (account.active == 'true') ? 'Active': 'Inactive' %></td>
        </tr>
    <% }); %>
</tbody>

edited Jun 15, 2014 at 2:00

answered Jun 14, 2014 at 23:59

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tom Over a year ago

Didn't realize you could put JS expressions in <%= statements, I like _.templates 100x more now!

Collectives™ on Stack Overflow

How to write a conditional if statement using underscore template

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related