javascript - EmberJS 观察者不触发

Question

EmberJSBin here

我有一个组件，当它的任何值发生变化时需要执行给定的操作，但我创建的观察者不会触发:

export default Ember.Component.extend({
    taxes: null,
    NOAYears: 2,
    NOAValues: Ember.computed("NOAYears", function() {
        var NOAs = [],
            lastYear = new Date().getFullYear() - 1;
        for (var year = 0; year < this.get("NOAYears"); year++) {
            NOAs.push({year: lastYear - year, value: 0});
        }
        return NOAs;
    }),
    NOAYearsChanged: function() {
        // does not fire when any of the values change
    }.observes("NOAValues.@each.value")
});

在组件模板中，我通过 {{#each}} 迭代器进行绑定(bind):

{{#each NOAValues as |year|}}
    <label for="{{year.year}}-value">{{year.year}}</label>
    {{input min="0" step="any" value=year.value required=true placeholder="Yearly Income"}}
{{/each}}

当 NOAValues 中的任何 value 属性发生变化时，如何让我的观察者触发？

Answer 1

此问题已被验证为由遗留代码引起的错误，遗留代码将任何以大写字母开头的属性名称(即 PascalCase)解释为全局或类名称引用...使属性不可观察。

来源:https://github.com/emberjs/ember.js/issues/10414

似乎会在一些即将发布的版本中努力修复它。