Question

我遇到了Ember的问题，当我更改对象的属性（在本例中为filteredHeroes），然后将computed属性设置为更新版本时，我的模板不会更新。在调用操作时，如何通过更改对象来强制模板更新？

在我的模板中，我有：

{{#each filteredHeroes as |hero index|}}
{{hero._data.AttacksPerSecond}}
{{/each}}

在我的控制器中，我有一个动作：

calculateStats() {
        var heroes = this.get("filteredHeroes");

        var valueOfAttackSpeedPerCP = 5.5;
        var valueOfPowerPerCP = 6;

        var attackSpeed = this.get('cpAttackSpeed') * valueOfAttackSpeedPerCP;
        var power = this.get('cpPower') * valueOfPowerPerCP;

        for (var i = 0; i < heroes.length; i++) {
            //Set Attacks per second for the specific hero
            heroes[i]._data.AttacksPerSecond = (1 / (heroes[i]._data.attributesByLevel[14]['BaseAttackTime'] / ((heroes[i]._data.attributesByLevel[14]['AttackSpeedRating'] + attackSpeed) / 100)));   
        }
        this.set('filteredHeroes', heroes);
    }

感谢您的帮助！

Answer 1

如果您正在处理Ember.Object，那么我们需要使用get和set方法，以便更改将反映在模板中并触发相应的计算属性和观察者。对于数组操作，您需要使用可用的方法Ember.NativeArray

如果您不确定对象是普通对象还是Ember.Object，那么您始终可以使用Ember.Set，以便模板，计算属性和观察者可以观察到更改。

模板在对象属性更改时没有刷新（Ember 2）

1 个答案: