Skip to content

Instantly share code, notes, and snippets.

@KTKate
Forked from dehuszar/application.controller.js
Last active September 5, 2015 21:28
Show Gist options
  • Save KTKate/d3ab8bbac285ec4bbce2 to your computer and use it in GitHub Desktop.
Save KTKate/d3ab8bbac285ec4bbce2 to your computer and use it in GitHub Desktop.
Click interaction test
import Ember from 'ember';
let num = 0;
export default Ember.Controller.extend({
appName:'Ember Twiddle',
values: ['0 clicks'],
actions: {
sendOutput(value) {
num++; this.get('values').pushObject(num + ' ' + value);
}
}
});
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
{{my-component-click handleUpdatedValue=(action (action "sendOutput") on="click")}}
{{my-component-child-click handleUpdatedValue=(action "sendOutput")}}
<br>
<br>
{{#each values as |val|}}
{{val}}
<br>
{{/each}}
import Ember from 'ember';
export default Ember.Component.extend({
tagName: "button",
click: function() {
this.sendAction('updateValue', 'You clicked me, too.');
}
});
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
handleUpdatedValue(value) {
this.sendAction('sendOutput', value);
}
}
});
{{child-component updateValue=handleUpdatedValue}}
import Ember from 'ember';
export default Ember.Component.extend({
tagName: "button",
click: function() {
this.sendAction('handleUpdatedValue', 'You clicked me.');
}
});
{
"version": "0.4.10",
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.9/ember.debug.js",
"ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/1.13.11/ember-data.js",
"ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.9/ember-template-compiler.js"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment