javascript - Ember.js - 为什么 .property() 不会触发但 .observes() 会触发

Question

我正在玩一些Ember Sortable bits我有一个简单的列表，我正在对它进行排序。我还想根据我在输入框中输入的内容来过滤它。

但是，我第一次尝试的 .property() 观察器从来没有工作过。但如果我将 .property() 更改为 .observes() ，它就可以正常工作。

为什么？

这里 my JS Bin

Answer 1

根据我的理解，只要属性“abcd”发生变化，就会调用 .observes('abcd') 函数。带有 .property('abcd') 的函数本身就是一个属性，需要在模板中显式调用。然后每当 'abcd' 改变时，属性也会相应改变。

例如，在您的情况下，如果在 html 模板中调用 {{sortData}} ，则每当filteredData发生更改时，相应的更改都会输出到控制台日志中。

这是JSBin演示。

我已经更改了上面的代码，只是向您演示 .property() 的工作原理。对于您的示例，sortData 不返回任何值，并且不适合作为 .property()。将其保留为 .observes() 更有意义