Ember 每个循环内有 2 个动作

Question

考虑以下因素：

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

在我的模板中，我可以循环浏览这些日子：

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

产生这个： 我星期三星期五

我现在想做的是分配一个动作，这样一来点击就会添加一个class，再次点击就会删除class....

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

但是，以下代码似乎不起作用（首先添加 class 突出显示 ）？

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

我得到这个错误：TypeError: day_week.set is not a function ?

Answer 1

使用Ember.set。它适用于任何对象。

请检查this

Ember 每个循环内有 2 个动作

Ember 2 Actions Inside Each Loop

each

ember.js