Skip to content

Instantly share code, notes, and snippets.

@jbandura
Last active October 25, 2016 08:51
Show Gist options
  • Save jbandura/8331aad4c520851c3c23 to your computer and use it in GitHub Desktop.
Save jbandura/8331aad4c520851c3c23 to your computer and use it in GitHub Desktop.
rekru1
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
});
import Ember from 'ember';
export default Ember.Route.extend({
});
<p>
<b>Ember Global Meetup:</b>
{{signup-component}}
</p>
<p>
<b>Ember NYC:</b>
{{signup-component}}
</p>
import Ember from 'ember';
const { Component, observer } = Ember;
export default Component.extend({
members: [],
currentMember: null,
membersAmount: 0,
onAddedMembers: observer('members.[]', function() {
this.set('membersAmount', this.get('members.length'));
}),
actions: {
addMember(member) {
this.get('members').pushObject(this.get('currentMember'));
this.set('currentMember', null);
},
deleteMember(member) {
this.get('members').removeObject(member);
}
}
});
<div>
Sign up:
{{input type="text" value=currentMember}}
<button {{action "addMember"}}>Add</button>
</div>
<ul>
{{#each members as |member|}}
<li>
{{member}}
<button {{action "deleteMember" member}}>Delete</button>
</li>
{{/each}}
</ul>
<p>Members Amount: {{membersAmount}}</p>
{
"version": "0.6.1",
"EmberENV": {
"FEATURES": {}
},
"options": {
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.3.1/ember.debug.js",
"ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.3.3/ember-data.js",
"ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.2.0/ember-template-compiler.js"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment