polymer - ポリマー1.0で鉄リストをフィルタリングする方法は?

Question

dom-repeat要素は属性を提供しますfilter。

でフィルタリングする同様の方法はありiron-listますか?

例: 人のリストを指定して、特定の都市で生まれた人をフィルター処理したいとします。

Answer 1

iron-list残念ながら属性を提供していないため、これfilterを可能にする宣言パターンはありません。

dom-repeatのフィルター プロパティを使用して、独自の単純なリスト要素を実装することもできます。(要素の継承が将来のリリースで戻ってくるので、拡張する可能性がありますiron-list)。

ただし、私が現在見ているベスト プラクティスは、計算されたプロパティを使用することです。

<template>
  <iron-list items="[[filterItems(items)]]" as="item">
    ...
  </iron-list>
</template>

<script>
Polymer({
  ...
  filterItems: function (items) {
    return items.filter(function (item) { // Array.prototype.filter
      return item.priority > 8; // Filter condition
    });
  }
});
</script>