Question

我有一个模板，我有桌子。我正在创建一个包含表和过滤条件的组件。每当更改过滤条件时，我都需要更新表格。为此，我想在调用组件操作时从组件操作中重新呈现表。

如何从中重新渲染/刷新组件它的行动？

Answer 1

让我们假设你有这个组件：

import Ember from 'ember';

const {get} = Ember;

export default Ember.Component.extend({
    filter: '',
    data: ['foo', 'bar', 'baz'],
    filteredData: Ember.computed('filter', 'data', {
        get() {
            const filter = get(this, 'filter');
            return get(this, 'data').filter(item = item.indexOf(filer) > 0);
        }
    }),
})

然后您可以在模板中使用它：

{{#each filteredData as |item|}}
    {{item}}
{{/each}}

无论何时更改filter属性，都会自动更新。

Ember重新加载，重新渲染组件模板

1 个答案: