properties - 我的Ember Controller 的属性实际上已经在回显

Question

我使用Ember.js已有一段时间。现在，我遇到了无法解决的怪异行为。这不是我第一次体验它，但是在以前的场合中，我做了很少的改动后才发现它。但是现在，我真的不知道是什么导致了冲突。该问题发生在 Controller 中。我有这个可笑的简单 Controller ，仅用于测试:

App.AppColleaguesController = Ember.ArrayController.extend
(
  {
    needs: ['app'],

    aNumber: function()
    {
      return this.get('controllers.app.personId');
    }
  }
);

当然，该属性是在AppController上定义的:

App.AppController = Ember.ArrayController.extend
(
  {
    loggedIn: false,
    personId: -1,
    personName: '',
    location: '',

    logOut: function()
    {
      if (window.confirm("Do you want log out?"))
      {
        this.set('loggedIn', false);
        this.set('personId', -1);
        this.set('personName', '');
        this.set('location', '');
        this.send('goToLogin');
      }
    }
  }
);

在我的模板中，我得到以下结果:

... This is a number: function () { return this.get('controllers.app.personId'); } ...

我的模板很简单:

...
This is a number: *{{aNumber}}*

{{debug}}
{{log aNumber}}
...

我的模板中的调试语句在Firebug控制台中向我显示了这一点:

...
Transitioned into 'app.colleagues'
function()
...

因此，就像函数在字面上回显了一样，而不是“解释了”。实际上，我在更多的 Controller 中遇到了此类问题，但其余的 Controller (它们很多，例如8或10个 Controller )运行良好。您对这个问题有任何想法吗？是我的错误，还是Ember问题？

在此先多谢!我希望你能帮助我。

Answer 1

您在函数后忘记了.property。 Ember需要使用它来指示函数是计算属性。

aNumber: function() {
  return this.get('controllers.app.personId');
}.property('app.personId')