Skip to content

Instantly share code, notes, and snippets.

@davidpett
Created September 29, 2016 20:03
Show Gist options
  • Save davidpett/502d379f4cad7baa4d73b1e894d4fb1e to your computer and use it in GitHub Desktop.
Save davidpett/502d379f4cad7baa4d73b1e894d4fb1e to your computer and use it in GitHub Desktop.
New Twiddle
import Ember from 'ember';
const {
get,
set
} = Ember;
export default Ember.Controller.extend({
activeIndex: 0,
sweaters: Ember.A([{
id: 1,
title: 'foo',
status: null
}, {
id: 2,
title: 'bar',
status: null
}, {
id: 3,
title: 'baz',
status: null
}]),
actions: {
reaction(value) {
let activeIndex = get(this, 'activeIndex');
let sweaters = get(this, 'sweaters');
let sweater = sweaters.objectAt(activeIndex);
set(sweater, 'status', value);
this.incrementProperty('activeIndex');
}
}
});
<h1>Welcome to {{appName}}</h1>
<br>
<ul>
{{#each sweaters as |item|}}
<li>{{item.title}} - {{item.status}}</li>
{{/each}}
</ul>
<br>
<button {{action 'reaction' 'no'}}>no</button>
<button {{action 'reaction' 'yes'}}>yes</button>
{
"version": "0.10.5",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.8.0",
"ember-data": "2.8.0",
"ember-template-compiler": "2.8.0",
"ember-testing": "2.8.0"
},
"addons": {}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment