灰烬重载，重新渲染组件模板

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属性时，它都会自动更新。

Answer 2

它是在余烬中自动完成的。 每当数据发生变化时，它将自动呈现。 我遇到的问题是标签，它没有钩子来更改属性。