ポリマーの別のコンポーネントに入力に関数を渡すことは可能ですか？

Question

スマートでダムなコンポーネント（ロジックとプレゼンテーションコンポーネント）で自分のコードをリファクタリングしたいと思っています。 （例えばAngularのように）ホストコンポーネントから取得します。

Answer 1

可能です。 <my-filter>内部

<my-model id="modelData" items="{{items}}" filters="{{filters}}"></my-model> 

<my-filter id="listFilter" active-filter="{{filters}}"></my-filter> 

：私は、モデルデータの構成要素などのようなpropery介しモデルコンポーネントに機能を通過するトグル有する別のフィルタ構成要素を有するように、このアプローチを取った

static get properties() { 
    return { 
    activeFilter: { 
     type: Object, 
     notify: true 
    } 
    } 
} 

apply() { 
    this.activeFilter = this._compute(this.$.myToggle.value) 
} 

_compute(toggle) { 
    return function(item) { 
    return item.condition == toggle 
    } 
} 

<my-model>内側：

_filterModel(model, filters) { 
    for (let item of model) { 
    if (filters(item)) { 
     this.push('filteredList', item) 
    } 
    } 
} 

通常、私はちょうどOBJEC周りを通過するように私は、ちょうど概念の証明として、このようにそれを作ったが、変更する必要はありません。