Skip to content

Instantly share code, notes, and snippets.

@rhyek
Last active January 29, 2020 11:59
Show Gist options
  • Save rhyek/bad336b20fad4008b2e49ed8a656605a to your computer and use it in GitHub Desktop.
Save rhyek/bad336b20fad4008b2e49ed8a656605a to your computer and use it in GitHub Desktop.
broadcast
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
ohai(val) {
console.log(`on ${this.constructor.toString()} recieved: ${val}`);
return true;
}
}
});
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
test() {
console.log(`on ${this.constructor.toString()} broadcasting: 2`);
this.bubble('ohai', 2);
}
}
});
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
ohai(val) {
console.log(`on ${this.constructor.toString()} recieved: ${val}`);
return true;
}
}
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
actions: {
}
});
import Ember from 'ember';
export default Ember.Route.extend({
actions: {
ohai(val) {
console.log(`on ${this.constructor.toString()} recieved: ${val}`);
}
}
});
<h1>Check the console</h1>
{{level-one}}
<button {{action 'test'}}>Broadcast</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.6.2",
"ember-data": "2.8.0",
"ember-template-compiler": "2.6.2",
"ember-testing": "2.6.2"
},
"addons": {
"ember-component-action-bubbling": "0.1.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment