バックボーンとアンダースコアテンプレートのレンダリング

Question

API呼び出しの結果をページに表示するためにバックボーンを使用しようとしています。コレクションを繰り返し、HTML内のコレクションの各要素に対して1つのエントリを作成したいと考えています。テンプレートタグがレンダリングされているのが見えますが、私のアイテムはありません。私のコードの問題は何ですか？ここ

HTML

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

、ここで、ここで

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

をJSフィドル：私はあなたが<script type='text'/template> ... </script>タグでテンプレートを維持するために提案するすべてのhttps://jsfiddle.net/e5hg6rzp/3/

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.