使用聚合物限制 foreach 的结果（仅获得 3 个结果）答案

【问题标题】：limiting results of foreach (getting only 3 results) using polymer使用聚合物限制 foreach 的结果（仅获得 3 个结果）
【发布时间】：2017-06-12 14:21:46
【问题描述】：

我正在尝试限制 foreach 项目。这是我的来源：

<div class="build-failed">
    <h1 class="jenkins-status"><span data-bind="title"></span> FAILED</h1>
    <ul class="list-nostyle list-failed">
      <li data-foreach-item="failedJobs">
        <div class="label" data-bind="item.label"></div>
        <div class="value" data-bind="item.value"></div>
      </li>
    </ul>
</div>

<div class="build-succeeded">
    <h1 class="jenkins-status">All <span data-bind="title"></span> builds are successful</h1>
    <i class="fa fa-thumbs-o-up"></i>
</div>enter code here

<p class="updated-at" data-bind="updatedAtMessage"></p>

我只想得到 3 个结果。我知道我必须在“data-foreach-item”中添加一些东西，但我不知道它是什么。

【问题讨论】：

这是什么编程语言？
我使用 expectjs
后面是ruby
sorry sorry 在这个项目中我使用 batman.js

标签： foreach batman.js

【解决方案1】：

使用<iron-list>，您的<ul> 可以重写为

<ul>
    <iron-list items="[[failedJobs]]">
        <template>
            <li>
                <div class="label">[[item.label]]</div>
                <div class="value">[[item.value]]</div>
            </li>
        </template>
    </iron-list>
</ul>

试试看maxPhysicalCount这个属性是否只能得到三个结果；）

【讨论】：

【解决方案2】：

我想我会在文档中找到适用的过滤器：

http://batmanjs.org/docs/filters.html

但我找不到！ first 仅返回 one 项，truncate 仅适用于字符串，因此它们都不起作用。

您可以创建自己的过滤器：

https://www.softcover.io/read/b5c051f3/batmanjs_mvc_cookbook/html#sec-custom_filter

例如，将一个数组限制为三个项目：

Batman.Filters.limit = (array, limit) -> array?.slice(0, limit)

然后，在你的绑定中使用它：

<li data-foreach-item="failedJobs | limit 3">...</li>

（嗯，我希望 data-foreach 可以使用过滤器！）

不管怎样，希望对你有帮助:)

【讨论】：