如何在Meteor.js中使用Blaze构建网格？

Question

I have a collection of items, that I would like to stuff into a bootstrap grid. This then looks like this:

 <div class="row">
  <div class="col-md-8">.col-md-8</div>
  <div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
 <div class="col-md-8">.col-md-8</div>
 <div class="col-md-4">.col-md-4</div>
</div>

So I would need to loop through my collection and adding after every second item

There are two issues:

• invalid html! No idea how to get around this
• Issues with the module, but I think with some helpers I could get around.

Best would be if there were some examples.

Thanks for any inputs

Answer 1

check out this question. you should be searching for handlebars or spacebars to get better results. Blaze is the template engine; not the template system (if that makes sense.)

How do I populate a bootstrap grid system using handlebars for each command in Meteor.js?

Answer 2

Generically, you need to ensure that your collection is exposed to the template, most likely in a template helper. Then you can iterate the collection items like so:

{{#each templateHelperName}}
<div class="row">
  <div class="col-md-8">{{propertyName1}}</div>
  <div class="col-md-4">{{propertyName1}}</div>
</div>
{{/each}} 

To create a template helper, take a look at the meteor docs; they're quite good.

If this doesn't help, perhaps you can provide some more clarity about what your collection looks like, and how you'd like it displayed. Your code doesn't really give much indication.