underscore.js template function referenceError

Question

I'm trying to use underscore.js template function on the following code based on http://underscorejs.org/#template and other tutorials

json = {"data": [{"img0": "image.jpg"}]}
var compiled = _.template("image: <%= img0 %>");
compiled(json.data[0]);
document.getElementById("albums").innerHTML = compiled();

but i got this error:

Uncaught ReferenceError: img0 is not defined

Can you explain to me what the problem is?

i already check similar question like this stackoverflow.com/questions/4778881/… — Ariel M
– Ariel M, Commented Jun 6, 2015 at 10:23

Oleksandr T. · Accepted Answer · 2015-06-06 10:24:54Z

1

You need pass arguments to template function when you call it,

var json = {"data": [{"img0": "image.jpg"}]};
var compiled = _.template("image: <%= img0 %>");

document.getElementById("albums").innerHTML = compiled(json.data[0]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<div id="albums"></div>

answered Jun 6, 2015 at 10:24

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

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

1 Comment

Ariel M Over a year ago

Thanks, i understand now what the problem was :)

Collectives™ on Stack Overflow

underscore.js template function referenceError

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related