loop through collection with underscore

Question

Я не могу понять, что я делаю неправильно в этом шаблоне.

Вот мои данные:

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); 

Я получаю ошибку: фильмы не определен. Любая помощь была бы потрясающей!

Answer 1

Шаблон ищет ключевые «фильмы» по вашим параметрам, но не находит его! Вам нужно обернуть movies в контексте/Params вар, например:

var content = _.template(template, {movies: movies}); 

Answer 2

Шаблон не может «увидеть» тот факт, что переменная контекста называется «кино». Вам нужно передать объект с фактическим свойством «фильмы».

var context = {movies: movies}; 
var content = _.template(template, context);