Emberjs - 使用计算属性

Question

这是我在模板中的内容：

{{check-box isChecked=hasPhoneForSecureAlerts visibleLabelLoc=".t.settingscontact.label.phone" class="checkbox-inline narrow" testId="chk-phone"}}

这是我在控制器中为这个属性所拥有的：

hasPhoneForSecureAlerts: Em.computed.bool('securePreferences.phoneLocalNumber'),

我们假设，最初这个属性设置为 true 并且复选框被选中，如果我取消选中复选框，这个属性被设置为 false 并且实际上不对应于 securePreferences.phoneLocalNumber 的状态。

要将其设置为初始值，当我们离开此屏幕而不保存时，我只是在相应路由的resetController中使用：

controller.set('hasPhoneForSecureAlerts',     controller.get('securePreferences.phoneLocalNumber') !== null);

这段代码正确吗？它实际上工作正常，但我在 Emberjs 文档中的任何地方都可以找到类似的东西。谢谢！

Answer 1

我不能 100% 确定您的代码是什么样的，但我认为您的问题与使用 Em.computed.bool 有关。在这种情况下，我将改用Ember.computed.alias，并创建了一个JSBin 来证明它有效。如果您仍然遇到问题，请告诉我。

编辑：

好的，我想我现在明白你想要做什么了。正如您所注意到的，这确实有效，但我可能会重新考虑您的处理方式，因为复选框旨在与之交互，而您所做的事情似乎非常不自然。相反，我会为您的复选框使用单独的变量并将其设为属性。这样，您的 property() 函数将在复选框更改值时运行。如果复选框从选中变为未选中，则您可以清除已存储的电话号码。我不确定当复选框从未选中变为选中时你会发生什么。这就是为什么我觉得使用复选框是一个有点奇怪的决定。也许您可以创建一个最小的 jsFiddle 来展示您打算发生的事情？