0
스마트하고 멍청한 구성 요소 (논리 및 표현 구성 요소)에서 코드를 리팩토링하고 입력에서 함수를 전달하고 트리거 할 수 있는지 궁금합니다. (예 : Angular에서와 같이).Polymer의 다른 구성 요소에 함수를 전달할 수 있습니까?
스마트하고 멍청한 구성 요소 (논리 및 표현 구성 요소)에서 코드를 리팩토링하고 입력에서 함수를 전달하고 트리거 할 수 있는지 궁금합니다. (예 : Angular에서와 같이).Polymer의 다른 구성 요소에 함수를 전달할 수 있습니까?
가능합니다.
<my-model id="modelData" items="{{items}}" filters="{{filters}}"></my-model>
<my-filter id="listFilter" active-filter="{{filters}}"></my-filter>
<my-filter>
내부 :
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>
내부 : 난 그냥 objec 주위에 전달할 것입니다 일반적으로
_filterModel(model, filters) {
for (let item of model) {
if (filters(item)) {
this.push('filteredList', item)
}
}
}
나는 단지 개념의 증거로 이렇게 만든 있지만 변경되지 않습니다.