Underscore Templating and Objects within Objects

Question

Does the underscore.js template support objects within objects?

For instance, I have an object rendered such as below:

var person = new Person([
  {name: 'Allen', pet:[ name: 'fido', type: 'dog']},
  {name: 'Chris', pet:[ name: 'garfield', type: 'cat']}
]);

<script type="text/template" id="template">
   <%=name%> has a pet named <%= ??? %>
</script>

What do I put in place of the ??? in order to get the name of the pet?

Note: I've tried pet.name and pet[name], but both don't work. Out of ideas!

which parentheses? I assume the ones inside the object? I'm declaring an object within an object — Allen
– Allen, Commented Jun 7, 2013 at 3:20
These: pet:([name: 'fido' type: 'dog']) can't it be just pet:[name: 'fido' type: 'dog']? Also why new Object? — elclanrs
– elclanrs, Commented Jun 7, 2013 at 3:21
that was a close one, but please avoid using varnames like that, object is almost a reserved word — ajax333221
– ajax333221, Commented Jun 7, 2013 at 3:47

elclanrs · Accepted Answer · 2013-06-07 03:31:34Z

1

I see you have some syntax error there, this is the problem. You're confusing arrays with objects, and you're missing commas:

var data = { name: 'Allen', pet: { name: 'fido', type: 'dog' } };
var template = _.template('<%=name%> has a pet named <%=pet.name%>', data);

console.log(template); //=> Allen has a pet named fido

answered Jun 7, 2013 at 3:31

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

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

1 Comment

Allen Over a year ago

Thanks! I realized I was declaring an array of objects, and objects within objects, and it carried over to my code here.

Collectives™ on Stack Overflow

Underscore Templating and Objects within Objects

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related