Ember 2 Aktionen innerhalb jeder Schleife

Question

Betrachten Sie das folgende:

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

Innerhalb meiner Vorlage, kann ich die Tage Schleife durch:

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

Welche dies erzeugt: mon wed fri

Was ich jetzt tun möchte, ist eine Aktion zuweisen, so dass beim Klicken es wird eine Klasse hinzufügen, und wieder auf klicken, wird es die Klasse entfernen ....

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

jedoch der folgende Code scheint nicht (durch Hinzufügen der Klasse Highlight beginnen) zu arbeiten?

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

und ich bekomme diese Fehlermeldung: Typeerror: day_week.set ist keine Funktion?

Answer 1

Verwenden Sie Ember.set. Es funktioniert auf jedem Objekt.

Bitte überprüfen this out