Skip to content

Instantly share code, notes, and snippets.

@blamens
Created October 13, 2016 14:10
Show Gist options
  • Save blamens/262e43ab768e18436c6f57f3a2e652f6 to your computer and use it in GitHub Desktop.
Save blamens/262e43ab768e18436c6f57f3a2e652f6 to your computer and use it in GitHub Desktop.
Closures
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Closures are awesome!',
actions: {
showAppNameWithClosure() {
alert('This failed because "this" is undefined in the scope of the closure function!');
var test = function() {
return this.get('appName');
}
var name = test();
alert(name);
},
showAppNameWithoutClosure() {
var name = this.get('appName');
alert(name);
}
}
});
<h1>{{appName}}</h1>
<button {{action "showAppNameWithClosure"}}>Show title with closure</button>
<button {{action "showAppNameWithoutClosure"}}>Show title without closure</button>
<br>
<br>
{{outlet}}
<br>
<br>
{
"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