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

How to build a grid with Blaze in Meteor.js?

本文关键字：Blaze 构建 网格 中用 js Meteor      更新时间：2023-09-26

我有一个项目的集合，我想塞进一个引导网格。然后看起来像这样:

 <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>

所以我需要循环遍历我的集合并在每第二个项目后面添加

有两个问题:

  • html无效!不知道如何绕过这个
  • 与模块的问题，但我认为与一些助手我可以得到解决。

最好能有一些例子。

谢谢你的输入

看看这个问题。您应该搜索把手或空格键以获得更好的结果。Blaze是模板引擎;而不是模板系统(如果有意义的话)

如何在Meteor.js中使用每个命令的把手来填充一个引导网格系统?

一般来说，您需要确保您的集合公开给模板，最可能是在模板帮助器中。然后，您可以像这样迭代集合项:

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

要创建模板帮助器，请查看meteor文档;它们很不错。

如果这没有帮助，也许你可以提供一些更清晰的关于你的集合看起来像什么，以及你希望它如何显示。您的代码实际上没有给出太多指示。

相关文章：