Ember 控制器设置属性在行动

Question

ember 新手，这太愚蠢了，但我已经浪费了一天的时间。

我正在我的控制器中创建一个对象数组，用于在我的视图中构建单选按钮。

单击按钮时，我想切换单选输入上的 clicked 属性，使其显示为已单击。非常简单，但 Ember 不断向我抛出错误。

这是我的代码（编辑了一些错别字）：

IndexController = Ember.ObjectController.extend({
    radioArray : function () {
        var a = [], i = 0;
        while (a.push({ index: i++, clicked: false }), i <= 10);
        return a;
    }.property('radioArray'),

    actions : {
        assignClick : function (item, index) {
             this.toggleProperty(item.clicked);

             // some unrelated business logic here
        }
    }
});

这与：

{{#each radioArray}}
    <label {{action "assignClick" this index}}>
        <input type="radio" {{bind-attr value=index checked=clicked}} /> foo
    </label>
{{/each}}

我只想显示正确的单选按钮已被点击。但是当我尝试在我的 ctrl 中将 clicked 设置为 true 时，我得到“未捕获的错误：断言失败：无法使用假键调用 get。”

Answer 1

如果您尝试使用Em.Object.toggleProperty，则需要Em.Object。 :) 有 Em.get 和 Em.set 之类的函数，可用于 ember 和非 ember 对象，但没有函数 Em.toggleProperty 用于非 ember 对象。

但是，您可以使用 Em.set 和 Em.get 来实现切换行为：

Em.set(item, 'clicked', !Em.get(item, 'clicked'));

附：从属性本身设置属性依赖是没有意义的。 （我说的是radioArray : function () {...}.property('radioArray')）。

附言工作示例：http://emberjs.jsbin.com/memuwi/2/edit?html,js,output