Ember Checkbox -- 从不同的控制器访问模型属性

Question

我在模式弹出窗口上有一个复选框，需要根据不相关模型上的值对其进行检查。模型是 Team，我需要访问的属性称为 syncAccount（布尔值），所以输入助手可能看起来像这样：

{{input type="checkbox" name="syncAccount" checked=team.syncAccount }}

如何从模式访问或绑定到 team.syncAccount？我有一个 ModalImportController，但没有关联的路由。在这个控制器中是否有某种方法可以分配一个属性来查找或绑定到当前团队的 syncAccount 值（并在他们切换时更新）？

同样，我需要切换复选框以发送此字段的更新请求。这需要是一个 ajax 请求，还是有一些方法可以将复选框使用的模型设置为指向一个团队，以便我可以调用 @model.save()？

Answer 1

要从另一个控制器访问属性，您首先需要通过needs 包含该属性，如下所示：

App.ModalImportController = Ember.ArrayController.extend({
  needs: "team",
  teamController: Ember.computed.alias("controllers.team"),
});

那么你就可以像这样访问它的属性：

// still in ModalImportController
syncAccount: function() {
    return this.get('teamController.syncAccount');
}.property('teamController.syncAccount')

我现在还没有测试它，但我是在一个稍微不同的设置中这样做的。

来源： [http://guides.emberjs.com/v1.13.0/controllers/dependencies-between-controllers/][1]

为了切换发送更新请求，我使用：

syncAccount: Ember.computed('model.syncAccount', {
    get: function() {
        return this.get('model.syncAccount');
    },
    set: function(key, value) {
        this.set('model.syncAccount', value);
        // do all you need to do via AJAX here
        return value;
    }
})

请注意，您也可以从此处获取值，因此请将您的 input-helper 更改为：

{{input type="checkbox" name="syncAccount" value=syncAccount }}