Skip to content

Instantly share code, notes, and snippets.

@ryanabel03
Created June 21, 2016 19:39
Show Gist options
  • Save ryanabel03/f843cdb896376981dc832af8b2339802 to your computer and use it in GitHub Desktop.
Save ryanabel03/f843cdb896376981dc832af8b2339802 to your computer and use it in GitHub Desktop.
New Twiddle
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Controller.extend({
publishers: [
Em.Object.create({
name: "DC Comics",
superheros: [
Em.Object.create({name: "Superman"}),
Em.Object.create({name: "Batman"}),
Em.Object.create({name: "Flash"})
]
}),
Em.Object.create({
name: "Marvel Comics",
superheros: [
Em.Object.create({name: "Iron Man"}),
Em.Object.create({name: "Black Widow"}),
Em.Object.create({name: "Thor"})
]
}),
],
actions: {
selectSuperhero(superhero, publisher) {
alert('selected ' + superhero.get('name') + ' hero of ' + publisher.get('name'));
}
}
});
<h1>Superheroes</h1>
{{comic-publishers publishers=publishers selectSuperhero=(action 'selectSuperhero')}}
{{#each publishers as |publisher|}}
<h2>{{publisher.name}}</h2>
{{superhero-list superheroes=publisher.superheroes select=(action 'selectSuperhero' publisher}}
{{/each}}
{
"version": "0.9.3",
"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.6.0",
"ember-data": "2.6.1",
"ember-template-compiler": "2.6.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment