ember.js - Ember 在对某些值使用 queryParams 回调 3 次时观察到

Question

我一直在使用 ember.js 中的新查询参数功能，非常喜欢它。我对 Ember “观察”如何与它一起工作感到困惑。可能与 this 有关，但我认为我的问题也有点不同。

在 this jsbin ，我可以使用下拉菜单更改图表类型，更改后的图表类型显示在 URL 中。在我为 URL 的参数值键入其他文本(例如“xyz”)之前，一切正常。根据我的代码，应用程序应该忽略不正确的图表类型字符串。在控制台中，我看到“观察”函数运行了 3 次，并且查询参数值更改为“未定义”。任何线索为什么会发生这种情况？

布莱恩

Answer 1

罪魁祸首:

    {{view Ember.Select viewName="select"
                content=chartTypes
                prompt="Type:"
                value=selectedChartType}}

原因是它是双向绑定(bind)。对 select 的 Ant 更改将反射(reflect)您的 Controller /模型(取决于您将其绑定(bind)到哪个)。

在这个选定的案例中发生了什么:

您正在修改 URL(值:QWERTY)

Ember 尝试将 Ember.Select 值设置为 QWERTY ，但失败(QWERTY 不在 Ember.Select 中)

由于QWERTY在 Ember 中找不到。选择它设置为 undefined

更改为 undefined反射(reflect)在 Controller /URL

URL 由字符串组成，不是未定义的，因此强制转换 undefine进入 "undefine"

最后一次迭代使用 "undefined" 运行

因此，您恰好有 3 次迭代:

因为未找到 Ember.Select

因为未定义类型不能放入 URL

最后，解决了一个