每个循环内的Ember 2动作

时间:2016-08-15 04:33:28

标签: ember.js each

请考虑以下事项:

days_week: [
    {
        selected '',
        day: 'mon'
    },
    {
        selected '',
        day: 'wed'
    },
    {
        selected '',
        day: 'fri'
    }
]

在我的模板中,我可以遍历这些日子:

{{#each days_week as |day_week index|}}
    {{day_week.day}}
{{/each}}

产生这个: 的周一 星期三 周五

我现在要做的是分配一个动作,这样一旦点击它就会添加一个类,再次点击它会删除该类....

{{#each days_week as |day_week index|}}
    <button class="{{day_week.selected}}" {{action 'toggle' day_week}}>
        {{day_week.day}}
    </button>
{{/each}}

但是,以下代码似乎不起作用(首先添加类突出显示)?

actions: {
    toggle: function(day_week){
        day_week.set('selected','highlight');
    }
}

我收到此错误: TypeError:day_week.set不是函数

1 个答案:

答案 0 :(得分:2)

使用Ember.set。它适用于任何物体。

请检查this