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

Question

我有一个模板，其中有 table。我正在创建一个包含 table 和过滤条件的组件。每当过滤条件发生变化时，我都需要更新 table。为此，每当调用组件操作时，我想从组件操作中重新呈现 table 。

如何rerender/refresh组件来自它的动作？

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

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

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

Ember reload, rerender component template

ember.js

ember-data

ember-cli