Error 'Uncaught SyntaxError: Unexpected token < in underscore.js'

Question

Here's my code,

HTML:

<script type="text/html" id="test_temp">
    <div class="row" id="opportunityList">
        <% _.each(ops, function(option){
            <div class="span12">
                <div class="well basicInformation">
                    <div class="row">
                        <div class="span4 opportunityName" >
                            <h4><%= option.company_name %></h4>
                        </div>
                        <div class="span4 pull-right">
                            <ul class="inline">
                                <li class="dealGrade">
                                    <span><%= option.dealGrade %></span>
                                    <span class="subheader">Deal Grade</span>
                                </li>
                                <li class="estimateddevices">
                                    <span><%= option.devices %></span>
                                    <span class="subheader">Devices</span>
                                </li>
                                <li class="accountValue">
                                    <span><%= option.accountValue %></span>
                                    <span class="subheader">Account value</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        });
        %>
    </div>
</script>

SCRIPT:

testView = Backbone.View.extend({
    initialize: function(){
        this.render();
    },

    render: function(){
        var ops = [
            {dealGrade: '50%', devices: 123, accountValue: '20%', company_name: 'Kyocera', rep_name: 'James Kogg', rep_designation: 'Sales Rep', proposalCount: 2},
            {dealGrade: '75%', devices: 215, accountValue: '41%', company_name: 'Flipkart', rep_name: 'Christina Kogg', rep_designation: 'MD', proposalCount: 0}
        ]

        var template = _.template($("#test_temp").html(), ops);

        this.$el.append(template);
    }
});

var test_view = new testView({ el: $("#viewport .container") });

I get this error message:

Uncaught SyntaxError: Unexpected token < in underscore.js

What am I doing wrong?

mu is too short · Accepted Answer · 2013-01-16 06:39:31Z

4

You're not closing the <% around the _.each or opening the template tag for the _.each's closing });:

<script type="text/html" id="test_temp">
   <div class="row" id="opportunityList">
     <% _.each(ops, function(option){ %>
       ...
     <% }); %>
   </div>
</script>

Underscore's template engine is pretty simple minded, it just does a bit of simple text wrangling to turn your template inside-out into JavaScript code.

Also, the template function wants its data as key/value pairs (i.e. a JavaScript object) so you'll need to give your ops a name:

var template = _.template($("#test_temp").html(), { ops: ops });

edited Jan 16, 2013 at 6:39

answered Jan 16, 2013 at 6:06

mu is too short

436k71 gold badges863 silver badges822 bronze badges

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

4 Comments

painotpi Over a year ago

whoaa, ok, that's weird syntax, that got resolved, but now it says ops is not defined

painotpi Over a year ago

Still not working, getting the same error, my script files are loading after #test_temp, is that correct or do I need to change that?

Lukas Over a year ago

Shouldn't it be { ops: ops }, not { opts: ops }?

mu is too short Over a year ago

@Lukas: Right, thanks, my fingers don't always type what my brain thinks they should :)

Basheer AL-MOMANI · Accepted Answer · 2018-06-24 08:38:54Z

0

I got a similar error

Uncaught SyntaxError: Unexpected token var at new Function () at Function._.template

that's because in my template I wrote a js statement inside <%= instead of <%

so make sure the syntax of your template is correct

answered Jun 24, 2018 at 8:38

Basheer AL-MOMANI

15.5k9 gold badges103 silver badges96 bronze badges

Collectives™ on Stack Overflow

Error 'Uncaught SyntaxError: Unexpected token < in underscore.js'

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related