Просмотр не рендеринга с данными

Question

Приложение js, которое не отображает то, что должно.

Вот приложение: http://jsfiddle.net/5sded/

Это должно быть пробегает по рецептам, но вместо этого он не показывает ничего. Вот html:

<div id="recipes"> 
     <div class="recipeContainer"> 
      <img src="img/placeholder.png"/> 
      <ul> 
       <li>Name</li> 
      </ul> 
     </div> 
     <script id="recipeTemplate" type="text/template"> 
      <img src="<%= image %>"/> 
      <ul> 
       <li><%= name %></li> 
      </ul> 
     </script> 
</div> 

Также не возникает никаких ошибок.

Answer 1

2 вопрос с кодом ..

Первый backbone имеет жесткую зависимость на underscore.

Порядок, в котором вы загрузить библиотеку важно

---> Underscore 

---> Backbone 

Похоже, вы заряжали основу первой.

Check Fiddle

второй вопрос в том, что у вас есть это в шаблоне <%= image %>

Где, как атрибут не image доступен ни в массиве объектов атрибутов по умолчанию.

Вместо этого замените это на <%= url %>. Это должно заставить код работать.

Также я предпочитаю передавать коллекцию при инициализации представления. Однако это не имеет никакого отношения к ошибке.

var recipesView = new RecipesView({ 
    collection : new Recipes(recipes) 
});