CODEWITHSUNDEEP
javascriptbackbone.jsunderscore.jsunderscore.js-templating
mheavers
mheavers

Reputation: 30158

Nested loops in underscore templates with backbone

I'm using underscore for backbone templating, and I have a collection of models I'm passing to my underscore templates. I'm trying to loop through a series of objects in the collections' models, and then loop through an array of objects within each model. I tried doing this:

<% _.each(filters, function(filter,i){ %>
            <div class="filter <%= filter.get('title') %>" data-id="<%= i %>">
                <div class="filter-options-container">
                    <% var filterOptions = filter.get('filter'); for(var filterOption in filterOptions) { %>
                    <%= filterOption.id %>
                    <% } %>
                </div>
            </div>

            <% }); %>

But of course that's not right. I'm just not sure how to get a collection's model attribute, and then get that attribute's array. Here's my data structure:

enter image description here

Where that second filters array is the nested loop I'm trying to go through. Any idea how to write this out? Also tried nesting each statements:

<% _.each(filter.get('filter'), function(filterOption,i){ %>
  <%= i %>
<% }); %>

Upvotes: 0

Views: 1181

Answers (1)

aleha_84
aleha_84

Reputation: 8539

if i undestand you right, then:

you shouldn't sent to view backbone models as is, you should send them as toJSON().

for example:

_.template(tmpl_string)({filters : yourCollection.toJSON()});

template example:

<% _.each(filters, function(filter,i){ %>
    <div class="filter <%= filter.title %>" data-id="<%= i %>">
        <div class="filter-options-container">
            <%= _.pluck(filter.filters, 'id').join(', ') %>
        </div>
    </div>
<% }); %>

Upvotes: 1

Related Questions