2016-04-13 9 views
0

Я пытаюсь использовать позвоночник, чтобы показать на странице результат вызова API, я хотел бы перебирать коллекцию и создавать одну запись для каждого элемента коллекции в моем html. Кажется, я что-то упустил, потому что вижу обработчик шаблона, но ни один из моих элементов не существует. В чем проблема с моим кодом?рендеринг шаблона основы и подчеркивания

здесь HTML

<div class="form-group" id="main"> 
<% _.each(collection, function(car) { %> 
    <div class="form-group"> 
    <input class="form-control" /><%= car.get("model") %> 
    </div> 
<% }); %> 
</div> 

и здесь Js

var CarView = Backbone.View.extend({ 
    el: "#main", 
    template: _.template($("#main").html()), 
    initialize: function() { 
     this.render(); 
    }, 
    render: function() { 
     $(this.el).html(this.template({collection: [{id:1, model:"ford"}, {id:2,model:"kia"}]})); 
     return this; 
    } 
}); 

var carView = new CarView(); 

здесь скрипку: https://jsfiddle.net/e5hg6rzp/3/

+0

Ваш код, работающий практически с любым modifi катионы: https://jsfiddle.net/962djtp1/ - я должен указать: пожалуйста, переместите свой шаблон в