2016-04-13 8 views
0

Ich versuche Backbone zu verwenden, um auf einer Seite das Ergebnis eines API-Aufrufs anzuzeigen, möchte ich über die Sammlung iterieren und einen Eintrag für jedes Element der Sammlung in meinem HTML erstellen. Es scheint, dass ich etwas verpasse, weil ich das Template-Tag gerendert sehe, aber keiner meiner Artikel ist da. Was ist das Problem mit meinem Code?Rückgrat und Unterstrich Vorlage Rendering

hier die html

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

und hier 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(); 

hier die Geige: https://jsfiddle.net/e5hg6rzp/3/

+0

Ihr Code arbeitet mit kaum modifi Kationen: https://jsfiddle.net/962djtp1/ - Ich sollte sagen: Bitte verschieben Sie Ihre Vorlage in eine