ポリマーを使ってforeach（結果が3つしか得られない）の結果を制限する

Question

私は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"に何かを加えなければならないことを知っていますが、それは何か分かりません。 <iron-list>で

Answer 1

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

はあなただけで3つの結果を得ることができ、試してみて、プロパティかどうかを確認し、maxPhysicalCountとして、あなたの<ul>を書き換えることができます。

Answer 2

）私はで適用フィルタを見つけるだろうと思いましたドキュメント：

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

しかし、私は1つを見つけることができませんでした！ firstはのみを返します。アイテムとtruncateは文字列のみで動作するため、どちらも機能しません。

あなたが独自のフィルタを作成することができます：あなたの結合にそれを使用する、そして、

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

：3つの項目に配列を制限するために、例えば

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

を

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

（こんにちは、data-foreachはフィルターで動作しますようお願いいたします）

とにかく、助けてくれるといいでしょう:)