밑줄 템플릿 및 객체 내의 객체

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