javascript - 下划线模板和对象内的对象

Question

underscore.js 模板是否支持对象内的对象？

例如，我有一个呈现如下的对象：

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>

我用什么代替？？？为了得到宠物的名字？

注意：我试过pet.nameand pet[name]，但都不起作用。没有想法！

Answer 1

我看到你那里有一些语法错误，这就是问题所在。您将数组与对象混淆了，并且缺少逗号：

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