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.name 和 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