Я не могу понять, что я делаю неправильно в этом шаблоне.
Вот мои данные:
var movies = [
{
"title": "The Matrix",
"characters": ['neo', 'trinity', 'morpheous', 'agent smith'],
"year": 2001
},
{
"title": "The Simpsons Movie",
"characters": ['homer', 'marge', 'bart', 'lisa', 'maggie'],
"year": 20010
}
];
Вот мой шаблон:
<script id="template" type="template/underscore">
<% _.each(movies, function (movie) { %>
<h1><%-title%></h1>
<ul>
<% _.each(characters, function(name) { %>
<li><%-name%></li>
<% }); %>
</ul>
<p><%-year%></p>
<% }); %>
</script>
А вот и подборка:
var template = $.trim( $('#template').html() );
var content = _.template(template, movies);
console.log(content);
Я получаю сообщение об ошибке: фильмы не определены. Любая помощь будет потрясающей!