Javascript 在underline.js中呈现集合中的模型

我不得不通过在下划线模板中迭代集合来调用模型，但在理解逻辑方面遇到了一些麻烦。我的代码到目前为止

define(function (require) {
var _ = require("underscore");
var $ = require("jquery");
var backbone = require("backbone");
var BreederDecision_Model = require("model/BreederDecision_Model");
var BreederDecision_Collection = require("collection/BreederDecision_Collection");
var templateText = require("text!../templates/BreederDecision-template.html");

var prototype = {
    breederDecision_Model: null,
    breederDecision_Collection: null,
    breederDeferred : $.Deferred(),
    el: '#breederDecision'
};

prototype.initialize = function (options) {
    var self = this;
    self.breederDecision_Model = new BreederDecision_Model();
    self.breederDecision_Collection = new BreederDecision_Collection();
    self.breederDecisionTemplate =  _.template(templateText);
};
    //hear i have to call models from collection by underscore template
    prototype.render = function () {
        var self = this;
        var jqXHRBreeder = self.breederDecision_Collection.fetch();
        //var breeder_Collection = new BreederDecision_Collection();
        /*breeder_Collection.fetch({
            success : function(breeder_Collection) {
             var template = _.template($('#breeder-list-template').html(), {breeder_Collection: breeder_Collection.models});
             self.$el.html(template);
            }
        });*/

        jqXHRBreeder.done(function (){
                $.when.apply($, jqXHRBreeder).done(function () {
                    _.each(self.breederDecision_Collection.models, function(model) {
                        self.$el.html(self.breederDecisionTemplate({
                            'breederDecisionNoteId': model.attributes.breederDecisionNoteId,
                            "noteText": model.attributes.noteText

                        }));
                    });
                });
                //var abc = self.breederDeferred.resolve(self.breederDecision_Collection);
        });
    };

return backbone.View.extend(prototype);
});

我还创建了html模板来查看DOM

    <script type="text/template" id="breeder-list-template">
<div id="breederDecision-view">

    <h2>Breeder Decision</h2>
    <hr/>
        <!--BreederDecision template -->
        <div id="breederDecision" class="col-sm-3">
            <table>
                <tbody>
                <% _.each(breeder_Collection, function(breederDecision_Model) { %>
                    <tr>BreederDecision_NoteId
                            <td>
                                <%= breederDecision_Model.get('breederDecisionNoteId')  %>
                            </td>
                    </tr>
                    <tr>BreederDecision_NoteText
                            <td>
                                <%= breederDecision_Model.get('noteText')  %>
                            </td>
                    </tr>
                <% }); %>
                </tbody>
            </table>
        </div>
</div>

我目前的收藏：

define(function (require) {
"use strict";
var backbone = require("backbone");
var breederDecisionModel = require("model/BreederDecision_Model");
var ServiceUrls = require("../service-url");

return backbone.Collection.extend({
    model:breederDecisionModel,
    url:function () {
        return new ServiceUrls().getGWSRefData();
    }
});
});

define(function (require) {
"use strict";
var backbone = require("backbone");
var breederDecisionModel = require("model/BreederDecision_Model");
var ServiceUrls = require("../service-url");

return backbone.Collection.extend({
    model:breederDecisionModel,
    url:function () {
        return new ServiceUrls().getGWSRefData();
    }
});
});