限制使用結果聚合物

Question

我試圖限制的foreach項目（只得到3結果）。這裏是我的來源：

<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個結果。我知道，我必須在「數據的foreach項」添加的東西，但我不知道它是什麼。

Answer 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，可以讓你只有三個結果;）

Answer 2

我想我會找到一個適用的過濾器文檔：

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

但我無法找到一個！ first只返回一個項目和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作品與過濾器！）

無論如何，希望它有幫助:)